ai21.net
語言

Make a 12s motion video in code (1920x1080, 30fps, one HTM…

示範影片

Make a 12s motion video in code (1920x1080, 30fps, one HTM… — 1

提示詞

Make a 12s motion video in code (1920x1080, 30fps, one HTML file drawing every frame from a single seek(t) function, rendered with Playwright + ffmpeg, with original synthesized sound).

Story: a dark prompt pill on an off-white page types "make a launch video" with a real keystroke rhythm → enter, the button flashes orange and the pill slides up → a 12-frame filmstrip stamps in left to right, one frame per beat at 120 BPM; each frame shows one pose of an orange ball's bounce (squash on contact, stretch mid-air, real arcs) → a playhead sweeps the strip while a big viewer above plays the poses as a flipbook, twice, faster the second time → the strip slides away, "every frame is code." fills the screen, and the ball arcs over and lands as the period.

Rules: arrive fast, land soft (cover 12–19% of the remaining distance per frame); nothing ever freezes (slow push on every hold); stagger 2–4 frames; blur only on fast moves; big and readable on a phone; off-white, ink and one orange only. Sound: a tick per key, a click on enter, a rising note per frame stamp, a thump when the ball lands.

Show me 5 stills first (typing, strip half-built, flipbook, headline, last frame), critique them like a harsh motion director, fix the 3 worst problems, then render.

中文翻譯

用代碼製作一段 12 秒的動態視頻(1920x1080,30fps,單個 HTML 文件,由一個 seek(t) 函數繪製每一幀,用 Playwright + ffmpeg 渲染,並配原創合成聲音)。

故事:一張米白色頁面上,深色的提示詞膠囊框以真實的敲鍵節奏打出 “make a launch video” → 回車,按鈕閃成橙色,膠囊框向上滑出 → 一條 12 格的膠片條從左到右逐格壓印進來,在 120 BPM 下每拍一格;每一格展示橙色小球彈跳的一個姿態(觸地壓扁、空中拉伸、真實的弧線)→ 播放頭掃過膠片條,同時上方的大播放器以翻頁書的方式播放這些姿態,播兩遍,第二遍更快 → 膠片條滑走,“every frame is code.” 充滿屏幕,小球劃弧飛過,落下成爲句號。

規則:來得快、落得柔(每幀走完剩餘距離的 12–19%);任何東西都不靜止(每次停頓都有緩慢推近);錯開 2–4 幀;只在快速移動時模糊;在手機上要大而可讀;只用米白、墨色和一種橙色。聲音:每按一個鍵一聲輕響,回車時一聲咔嗒,每壓印一格一個上行音符,小球落地時一聲悶響。

先給我看 5 張靜幀(打字、膠片條搭建到一半、翻頁書、大標題、最後一幀),像一位苛刻的動態影像導演那樣批評它們,修掉最糟的 3 個問題,然後渲染。

溯源

原作者
notdwd
發佈日期
2026-09-29(由推文 ID 反解)
原始出處
查看原帖 ↗
收錄來源
yihui-dev/awesome-opus5-5-videos · notdwd-766641 · MIT