ai21.net
言語

コードで15秒のモーションビデオを作成(1920x1080、60fps、HTML 1枚…

コードで15秒のモーションビデオを作成(1920x1080、60fps、HTML 1枚… — 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、単一の seek(t) 関数から全フレームを描く HTML ファイル1枚、Playwright + ffmpeg でレンダリング、128 BPM のオリジナル合成サウンド)。
アイデア:白紙の履歴書が自ら埋まっていく。1バーにつき1スキル、そして各スキルはチェックされる前に画面上で証明される。
ストーリー:紙の履歴書が暗いページに叩きつけられ、その行がタイプされていく(skills、type、systems、depth、data)→ カメラがオレンジのビュレットへ押し込み、それがフレームを覆うまでになる → 5つのスキルメーターが埋まり、それぞれ違うカーブ → 1つの単語がビートに合わせて細字から黒字へスイングし、続いて6つの書体をフリップする → ドットグリッドが波紋してピクセルのマスコットに解ける → 四角いトンネルがカメラへ飛んできて、押し出しの "3D" が叩き出される → バーがスプリングカーブを描き、その間カウンターがリールの実際のフレーム数に着地する → "EVERY FRAME ON THE BEAT." を1ビートに1語ずつ → 履歴書が戻ってくる。埋まっていて、写真ボックスにはマスコット。
ルール:オレンジのアクセント1つがすべてのトランジションを運ぶ。スプリングを使い、リニアは決して使わない。すべての状態変化はビートの上に載る。コーナーラベルなし、偽の HUD 数値なし。

出典

原作者
_koushikde_
公開日
2026-10-01(由推文 ID 反解)
原典
元の投稿を見る ↗
収録元
yihui-dev/awesome-opus5-5-videos · koushikde-937635 · MIT