ショーリール作成のプロンプト

あなたが世界クラスのモーションデザイナーであることを証明する15秒のモーションデザインショーリール。コンセプト： あなたの選択（例：「インクが文字になり、文字が建築になる」）。始める前に、コンセプトを1行で明記し、決定してください。すべてのショットは前のショットから構成されています。カットやフェードではなく、形状、タイプ、色が次のシーンへと変化します。
1つの書体（ Geist、 Inter、またはGoogle Fontsの太字ディスプレイフォント ）、 最大3色＋黒と白のパレット、一貫したカメラ言語。
表示範囲：動きのある映像、形状変化、2Dから3Dへの変化、データまたはUI表示、そしてエンドタイトル。それぞれに均等な時間配分をしてください。
禁止事項：パーティクルバースト、グロー、レンズフレア、カメラの揺れ、RGBスプリット、クロスフェード、一般的なグラデーション、バウンドイージング、0.5秒以上保持する効果、テンプレートのように見えるものすべて。

120 BPM、毎拍ごとに何かが起こります。
最初の小節：フック。その後、各小節ごとに1つのテクニックが展開され、それぞれが前のテクニックから派生する。最後の小節：最も印象的な瞬間。最後の半小節：エンドタイトル。最後のフレームは最初のフレームと一致するため、ループ再生される。

1. 1920x1080のHTMLファイルが 1 つあります。すべてのスタイルは window.seek(t) 内の時間から計算されます。CSS CSS、タイマー、フレーム間で引き継がれる状態はありません。
2. 時間の関数として記述されたバネと指数関数的イージングを使用します。ブラーは、高速な動きの速度と方向に追従します。
3. Web Audio API (OfflineAudioContext) を使用してコードでサウンドトラックを作成します。各拍にキック、最後の小節にライザー、シーンが切り替わるたびにヒット音を入れます。WAV WAVでレンダリングします。
4. Playwrightを使用して60fpsでレンダリングし、1フレームあたり3つのサブフレームをffmpeg tmixでブレンドしてモーションブラーを適用し、その後オーディオを多重化します。
5. フルレンダリングを行う前に、1拍ごとに1フレームずつレンダリングして確認します。ごちゃごちゃしている部分、リズムがずれている部分、重なっている部分、読みにくい部分などを修正します。

コンセプトを説明して、シーンごとのストーリーボードを見せてください。あとは何も聞かずに制作してください。完成したMP4を納品してください。

A 15-second motion design showreel that proves you are a world-class motion designer. Concept: your pick (e.g. "ink becomes type becomes architecture"). Commit to it and name it in one line before you start. Every shot is made out of the previous one: shapes, type and color transform into the next scene instead of cutting or fading.
One typeface (Geist, Inter or a bold display face from Google Fonts), a palette of at most three colors plus black and white, one consistent camera language.
Show range: kinetic type, shape morphing, a 2D-to-3D moment, a data or UI moment, and an end title. Give each one an equal share of the time.
Banned: particle bursts, glows, lens flares, camera shake, RGB split, crossfades, generic gradients, bouncy easing, holds longer than half a second, anything that looks like a template.

120 BPM, something happens on every beat.
First bar: hook. Then one technique per bar, each flowing out of the last. Last full bar: the strongest moment. Final half bar: end title, and the final frame matches the first so it loops.

1. One HTML file at 1920x1080. Every style is computed from time inside window.seek(t): no CSS animations, no timers, no state carried between frames.
2. Use spring and exponential easing written as functions of time. Blur follows speed and direction on fast moves.
3. Write a soundtrack in code with the Web Audio API (OfflineAudioContext): a kick on every beat, a riser into the last full bar, a hit on each scene change. Render it to WAV.
4. Render with Playwright at 60fps, 3 subframes per frame blended with ffmpeg tmix for motion blur, then mux the audio.
5. Before the full render, render one frame per beat and look at them. Fix anything cluttered, off the beat, overlapping or hard to read.

Tell me the concept and show a beat-by-beat storyboard, then build it without asking me anything else. Give me the final MP4.