Kpọọ oku maka showreel

Ihe ngosi nhazi mmegharị 15 nke abụọ nke na-egosi na ị bụ onye na-emepụta mmegharị klaasị ụwa. Echiche: nhọrọ gị (dịka ọmụmaatụ "ink na-aghọ ụdị na-aghọ ihe owuwu"). Kwesie ike na ya ma kpọọ ya aha n'otu ahịrị tupu ịmalite. A na-eji nke gara aga mee foto ọ bụla: ọdịdị, ụdị na agba na-agbanwe gaa na ihe nkiri na-esote kama ịkpụ ma ọ bụ ịpụ apụ.
Otu ụdị mkpụrụedemede (Geist, Inter ma ọ bụ ihu ngosipụta dị egwu site na Google Fonts), ụdị mkpụrụedemede karịa agba atọ tinyere oji na ọcha, otu asụsụ igwefoto na-agbanwe agbanwe.
Gosi oke: ụdị kinetic, nhazi ọdịdị, oge 2D ruo 3D, oge data ma ọ bụ UI, na aha njedebe. Nye nke ọ bụla òkè nhata nke oge ahụ.
Amachibidoro: mgbawa nke ihe ndị dị n'ime ya, na-enwu enwu, ọkụ lensị, ịma jijiji igwefoto, nkewa RGB, mgbagọ agbagọ, gradients nkịtị, mbelata mkpọda, na-ewe ihe karịrị ọkara sekọnd, ihe ọ bụla yiri template.

120 BPM, ihe na-eme na ụda ọ bụla.
Ogwe mbụ: nko. Mgbe ahụ otu usoro maka otu ogwe, nke ọ bụla na-esi na nke ikpeazụ apụta. Ogwe ikpeazụ zuru oke: oge kachasị ike. Ọkara ogwe ikpeazụ: aha njedebe, etiti ikpeazụ dakọtara na nke mbụ ka ọ na-agagharị.

1. Otu faịlụ HTML na 1920x1080. A na-agbakọ ụdị ọ bụla site na oge dị n'ime window.seek(t): enweghị ihe ngosi CSS, enweghị ihe ngụ oge, enweghị ọnọdụ ebu n'etiti fremu.
2. Jiri usoro spring na exponential easing nke e dere dị ka ọrụ nke oge. Blur na-eso ọsọ na ntụziaka na mmegharị ngwa ngwa.
3. Dee egwu egwu na koodu site na iji Web Audio API (OfflineAudioContext): ịkụ ọkpọ ọ bụla, ịpịnye ihe n'ime ogwe zuru oke ikpeazụ, ịpịnye ihe n'ọnọdụ ọ bụla. Mee ya ka ọ bụrụ WAV.
4. Jiri Playwright mee ihe ngosi na 60fps, obere fremu atọ n'otu fremu gwakọtara ya na ffmpeg tmix maka mmegharị ahụ, wee mezie ụda ahụ.
5. Tupu ị gụpụta ihe niile, mee otu fremu maka otu mbepụ ma lee ha anya. Hazie ihe ọ bụla jupụtara na ya, n'agbanyeghị mbepụ ahụ, n'otu ebe ma ọ bụ n'ebe siri ike ịgụ.

Gwa m echiche ahụ ma gosi akụkọ ihe nkiri a na-akụ aka n'ime ya, wee wuo ya n'ajụghị m ihe ọ bụla ọzọ. Nye m MP4 ikpeazụ.

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.