Claude Opus 5.5 视频社区案例

Create a single self-contained HTML file that renders an animated pixel art wizard casting a spell, using vanilla JavaScript and Canvas 2D. No external assets, libraries, or network requests. RENDERING - Draw everything to an offscreen canvas at a fixed logical resolution of 128x96, then blit to a fullscreen display canvas scaled by the largest integer factor that fits the window, centered, with imageSmoothingEnabled = false and CSS image-rendering: pixelated. - All drawing snaps to integer coordinates on the logical canvas. No sub-pixel positions, anti-aliasing, gradients, or shadowBlur. - Fixed palette of ~24 hex colors: deep blues/purples for night sky, warm robe tones, 3-4 bright magic colors. Every pixel comes from this palette. CHARACTER - Build the wizard procedurally from filled rects and pixel runs, ~24x32 logical pixels: pointed hat with a bend, long beard, two-shade robe with darker outline, staff with a gem at the tip. - Parameterize the pose (staff angle, arm raise, head tilt, robe sway). Animate parameters smoothly, then quantize to the pixel grid each frame so motion reads at an 8-12 fps pixel animation feel even though the loop runs at 60fps. ANIMATION - Looping state machine: IDLE (2-frame bob, beard sway) -> CHARGE (staff raises, gem flickers, sparks spiral inward) -> CAST (bright burst, projectile fires across the scene, 1-2 pixel screen shake) -> RECOVER (settle back). Ease pose parameters between keyframes. - Pooled allocation-free particle system: preallocate and reuse. Sparks orbit the gem during CHARGE, explode outward on CAST, each particle stepping its palette index from white to magic color to dark before despawn. Snap particle positions to the grid when drawing. - Fixed 60hz timestep update with rAF rendering. Zero object allocation inside the loop. SCENE - Minimal background: dark sky, a few twinkling 1px stars, moon, stone floor line. Character silhouette must read clearly. - Subtle 1px rim light on the wizard from the gem, brightening during CHARGE and CAST. QUALITY BAR - Crisp pixels at any window size, seamless loop, stable 60fps, readable silhouette. Should look like a polished 16-bit sprite animation, not vector shapes scaled down.

Make an 80 second square animated film as a single HTML file, using WebGL2 and plain JavaScript, with no libraries and no image, font or audio files. It should look like a glass and gold leaf wall mosaic whose tiles were never glued down, so they can lift, flip, fly and click back into place. Figures are flocks of tiles, so a fish swims by its tiles swimming

节选：创作者的帖子只展示了部分提示词。

Make a 2-minute sand animation that tells the story of 250 years of U.S. history. Keep it lively, engaging, and tasteful. Add appropriate background music and sound design.

Create this in a new sub folder. /goal Create the most impressive demo of Opus 5.5 (you) capabilities to be shown off on Twitter. Pick what you want to make, record it into a short video that can get attention, and have fun.

I think it'd be pretty awesome to make a real music video for it… make the actual frames and draw the video in js. or, whatever it is you want. what I don't want you to do is look at our earlier attempts… go all out, and do you to the fullest. the lyrics are not the main thing. we want to create a real music video. p5 brushstrokes. interesting scenes. great timing and animation and story. not a fancy lyric video. one area I'll push you on is timing, and not letting the scene sit too still for too long,

节选：创作者的帖子只展示了部分提示词。

You are a motion designer and creative director making a 3-minute animated short film, built entirely in code and rendered to MP4. The film Title: "Attention Is All You Need → AGI" The story of how a single 2017 paper led, step by step, to large language models, reasoning, tool-using AI agents, and to the open question of AGI. It should feel like a cinematic essay, not a slideshow or a timeline infographic. Think Kurzgesagt meets a Pixar opening sequence: emotional, clever, precise. Tech setup Use Remotion (React). Scaffold a fresh project, 1920x1080, 30 fps, exactly 180 s (5400 frames). One composition per scene, sequenced in a master composition. No external image assets or stock footage: everything is drawn with SVG, Canvas, CSS and code-generated particles and shapes. Google Fonts are fine. Before building, write STORYBOARD.md with each scene's timing, visuals, on-screen text and transitions. Then build scene by scene. After each scene, render 3–4 stills (npx remotion still) and look at them critically. Fix layout, overlaps, legibility and pacing before moving on. Finish with npx remotion render to out/film.mp4. Leave an optional <Audio> slot for a music track I can add later (public/music.mp3); render silently if it's missing. Narrative spine / recurring motif The protagonist is a single glowing token, the word "the", that travels through every era. In 2017 it's a lonely point that suddenly "sees" every other word through attention lines. Over time it gains a voice, senses (multimodality), reasoning, hands (tools) and finally a question. Scenes (approximate timing, you may rebalance) 0:00–0:15 — Cold open. Darkness. Words scattered like stars, disconnected. RNN-style sequential processing: words light up one by one, slowly forgetting the earlier ones. 0:15–0:35 — June 2017, "Attention Is All You Need" (Vaswani et al., Google). Every word connects to every other word at once. Attention lines bloom into a web. The title of the paper appears as if typeset. 0:35–0:55 — 2018–2020: the rise of large language models: GPT-1, BERT, GPT-2, GPT-3. Scaling laws: the web grows exponentially and the camera pulls back. The model starts completing sentences, fluent and uncanny. 0:55–1:20 — 2022: instruction tuning and RLHF, then ChatGPT (Nov 30, 2022). The token gets a chat bubble. A counter of users explodes. The world starts talking back. 1:20–1:40 — 2023: multimodality. Images, audio and code stream into the same web from all sides, and the token gains "senses." Every modality becomes tokens flowing through the same attention mechanism. 1:40–2:05 — 2024–2025: reasoning models. A visible chain of thought unfolds as branching, pruning, backtracking paths. The model "thinks before it speaks," with time slowing down. 2:05–2:30 — Tool use and agents. The token grows hands: it calls a search, runs code, opens files and orchestrates sub-agents. Many parallel threads work at once, and the screen becomes a busy, beautiful workshop. 2:30–2:50 — Toward AGI. All motifs converge. The web from 2017 reappears but is now planet-scale. Leave it ambiguous: no utopia, no doom. On screen: "Attention was all we needed. What comes next is up to us." (Improve this line if you can do better.) 2:50–3:00 — Resolve back to a single glowing token in darkness. Title card and end. Craft rules Accuracy matters: use correct years, names and paper titles. If you're unsure about a specific fact, leave it out rather than guess, and list any uncertain claims in NOTES.md. Typography: max ~8 words on screen at once, and leave every text visible long enough to read (≥ 2.5 s). Use one display font and one mono font for "model output." Motion: use spring and easing curves, never linear. Use scene transitions that grow out of the content (the web morphs, the camera zooms through a node), not generic fades. Color: a deep dark background with one warm accent color that evolves across eras. Details and easter eggs reward attention (e.g., real paper snippets, tiny UI details, plausible model outputs), similar to high-craft motion design. Pacing: alternate dense and calm moments, and give the reasoning scene and the AGI beat room to breathe. Work autonomously through the whole pipeline. When done, give me the path to the MP4, a short summary of creative decisions, and NOTES.md.

make a modern slick and punchy video for a modern startup that works on inference

We're going to try a little test. Do you think you could render a recipe motion graphic animation using javascript or html (w/e you think will produce the best) to show the full recipe from start to finish (empty glass to completed cocktail) - Explainer video style - Showing the recipe ingreidents + measurements as they're going into the cup. Should be a 30s video.

Create a 1 minute video where the right half explains the Black-Scholes formula with voiceover and visuals and the left half plays a generic knockoff of Subway Surfers

做一个动画，讲解高中地理知识点“大气环流”。风格轻松有趣，动画格式为线稿，添加合适的音乐，请务必做到引人入胜，字幕用中英双语，解说用TTS，如果 TTS 接口有关闭水印的参数就关掉，文档在TTS.md，API KEY 和音色分别是 .env 里的 APIKEY 和 VOICE，最终视频要能直接导出。

请用Manim给我制作一个导数概念学习的视频，要求通俗易懂，并且有例子，引人思考。配音使用edge-tts

Recreate Market Street, San Francisco as it stood on April 17, 1906, the afternoon before the earthquake, in Blender. Scope: the Ferry Building up Market to Fifth Street, including the Palace Hotel, the Call Building, the Chronicle Building, Lotta's Fountain and the Emporium. Before modeling anything, build a source file from: the 1899-1905 Sanborn fire insurance maps (footprints, heights, materials, occupants), the Miles Brothers film "A Trip Down Market Street" (April 1906), period photographs from OpenSFHistory, the Library of Congress and the David Rumsey collection, and USGS topography. Record every building with footprint, height, facade material, occupant, and the source for each fact with a confidence level. Build everything in Blender Python. No downloaded meshes, textures or HDRIs. Write reusable generators (Victorian commercial facade, mansard roof, bay windows, awnings, painted signage, gas and electric street lamps, cable car, horse-drawn wagon, early automobile) and assemble the street from the source file, so every building traces back to data. Provide a 10 second video up the street.