ai21.net
語言

Make a 15s motion video in code (1920x1080, 60fps, one HTM…

示範影片

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

提示詞

Make a 15s motion video in code (1920x1080, 60fps, one HTML file drawing every frame from a single seek(t) function, rendered with Playwright + ffmpeg, original synthesized sound at 128 BPM).
Idea: a blank résumé fills itself in, one skill per bar, and every skill gets proved on screen before it's ticked.
Story: a paper résumé slams onto a dark page and its rows type in (skills, type, systems, depth, data) → the camera pushes into the orange bullet until it floods the frame → five skill meters fill, each on a different curve → one word swings from thin to black on the beat, then flips through six typefaces → a dot grid ripples and resolves into a pixel mascot → a square tunnel flies at the camera and an extruded "3D" slams out → bars trace a spring curve while a counter lands on the reel's real frame count → "EVERY FRAME ON THE BEAT." one word per beat → the résumé comes back, filled in, mascot in the photo box.
Rules: one orange accent carries every transition; springs, never linear; every state change sits on the beat; no corner labels, no fake HUD numbers.

中文翻譯

用代碼製作一支 15 秒的動態視頻(1920x1080,60fps,一個 HTML 文件通過單一的 seek(t) 函數繪製每一幀,用 Playwright + ffmpeg 渲染,原創合成音效,128 BPM)。
構思:一份空白的簡歷自己填寫完整,每一條對應一項技能,而每項技能在被打勾之前都要在屏幕上得到證明。
故事:一張紙質簡歷砸在深色頁面上,它的各行依次打出來(技能、字體排印、系統、深度、數據)→ 鏡頭推進那個橙色圓點,直到它淹沒整個畫面 → 五條技能計量條填滿,各自沿不同的曲線 → 一個單詞在節拍上從纖細字重擺變到粗黑字重,然後翻換六種字體 → 一片點陣泛起波紋,最終聚成一個像素吉祥物 → 一條方形隧道朝鏡頭飛來,一個立體擠出的“3D”猛地撞出 → 條形描出一條彈簧曲線,同時一個計數器停在片子的真實總幀數上 → "EVERY FRAME ON THE BEAT." 每個節拍一個詞 → 簡歷回來了,已經填滿,吉祥物在照片框裏。
規則:一種橙色強調色貫穿每一次轉場;只用彈簧,絕不用線性;每一次狀態變化都落在節拍上;不要角落標籤,不要假的 HUD 數字。

溯源

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