Gushyiraho: Videwo yo gutangiza Frame kuri Frame

Mbaza: izina ry'igicuruzwa cyanjye, ikirango (cyangwa reka ushushanye akamenyetso gato), ikintu cy'umurongo umwe umukoresha yandika mu gasanduku k'inyongera, urupapuro rubisubiza (umutwe + interuro 2-3 hamwe n'interuro imwe y'ingenzi), amazina abiri y'ibiranga amakarita yashyizwemo, n'indirimbo y'umuziki. Iyo ntasibye iyo ari yo yose, koresha ibisanzwe: ibicuruzwa "Frame by Frame" biba mu gice cyayo cya Whop, akamenyetso k'urukiramende (udukingirizo tune dukikije "FF" y'inyuguti irabagirana), akamenyetso "Kora videwo yo gutangiza porogaramu yanjye", urupapuro rw'isomo rwitwa "2.1 Hitamo icyitegererezo", amakarita "Launch" na "Sound", n'indirimbo ya Mixkit "Rising Forest" yagabanutse ikagera kuri 124 BPM.

Igicuruzwa gifite ubuso bwa segonda 12, gifite uburebure bwa 1080x1080, nimero za fremu kuri 29.97 fps (f0–f359), gikozwe neza kuri 59.94 fps. Uburyo Apple ikoresha: bworoshye, umweru, ubururu bwerurutse, gisa n'ikirahuri. Kamera ntiyigera ikata fremu ihagaze: buri foto yinjira yamaze kugenda (ubusa bwo gusohora, 12–19% by'intera isigaye kuri buri fremu) kandi igasohoka mu buryo bwihuta cyangwa mu buryo bwo gusiba. Ubusa bukurikira umuvuduko n'icyerekezo kuri buri ngendo.
Palete: urupapuro #FDFDFB, urubura #B7CFEB, urubura #E6F0FA, ubururu bwimbitse #294376 → #769CC2 ikirere giteye, navy #1E2F52, accent blue #2F6BFF / #3CC8F0 / mint #4ED6A0, umweru. Ubwoko: Inter (400/500/600/700). Nta muhengeri, violet, magenta cyangwa orange ahantu hose.
Inkuru: umutwe w'igicuruzwa uzamuka mu mwijima w'ubururu uri mu idirishya rya porogaramu y'urumuri → indanga iragenda, ihindukirira aho igana, ikura kuri hover hanyuma ikande ku kirango → ikande cyane ku gishushanyo cy'umuziki ku gishushanyo cya porogaramu gifite impande enye zizenguruka mu musaraba → indanga iragwa mu mwanya wa menu ya Mac → indanga ikanda ku gishushanyo cya menu-bar, agasanduku k'ikirahure k'ikirahure gakonje karasohoka maze ubwoko bwa indanga → ikande hejuru binyuze mu itara ry'ubururu ryoroheje ikajya ku rupapuro rw'ibisubizo ikagenda mu mwanya wayo → ikarita izamuka hejuru yayo → ikande-ikande ku makarita abiri ashyizwe hamwe afite imitwe minini y'ikirahure gikonje → ikande-ikande kuri disiki y'ikirango cyonyine → ikande cyane ku ikarita y'umukara ifite akamenyetso k'ijambo karabagirana.
Byabujijwe: crossfade, frames zakonjeshejwe (usibye imwe muri S7), stock UI kits, irabagirana ku nyandiko ya UI, Math.random, ikintu cyose gisa n'icyitegererezo.

Imirongo iri kuri px ku rubyiniro rwa 1080. Umuvuduko w'umuziki k = 0.048 + 0.4838·ks (124 BPM, umuvuduko umwe = 14.5 frames). Imiterere itatu ikomeye f72, f101, f159 iratera frames 2 mbere y'umuvuduko: komeza izi frames neza.
S1 f0–71, umutwe + idirishya + kanda: urubura #B7CFEB rugenda rushira kuri #FDFDFB kuri f28, komeza urumuri rw'ubururu hasi #DBEEFD. Umutwe ku murongo umwe: disiki y'ikirango ⌀132 (#FBFCFE, umugozi wa 1px #E8E8EA, ikimenyetso cyijimye), izina ry'igicuruzwa (Inter 500), ikinini cyijimye cya capsule "kuri Whop" (#2F2E2F, inyandiko yera); ububiko bwose bugera kuri x474–1063, umurongo wo hagati urazamuka y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), ugenda uhinduka px 1/ishusho nyuma. Izina risa n'aho rigaragara nk'irijimye, ikinini f4–5 gihinduka cyane kandi gisigaye gihinduka px 15 uko gityaye. Idirishya ry'urumuri (radius 93, kuzuza #FCFDFF, top band #F1F6FF, ubururu bw'imbere mu gisenge) rirazimira hafi yaryo: opacity 0 kugeza kuri f14, 0.53 f15, 0.7 f19, 1.0 f24; mfuruka yo hejuru ibumoso (408.405), inyura iburyo n'epfo. Imbere: pill yo gushakisha mu gice cyo hejuru, inkingi y'inyuguti y'ibumoso (Courses icon kuri (537.739), Chat icon kuri (537.900)), n'ikarita y'amasomo kuva kuri (764.700) iri hanze y'ishusho yayo, umutwe n'"Course · amasomo 8". Inyuguti Cursor (umwambi w'umukara wa macOS, imiterere y'umweru, 32x39) igaragara kuri f27 kuri (891.393), igenda ibumoso ikamanuka kuri (770.383) f44, izenguruka igana hepfo ibumoso f47–51 uko yibira, igwa ku gice cyo hasi iburyo cya disiki (629.564) f56 → (587.546) f59 → (555.531) f71; ikura ×1.55 kuri hover uvuye kuri f56; urubura rworoshye (#D5F3FF → #F7FEFF, hanze ⌀174) rumuri hafi ya disiki uvuye kuri f53. Kamera ikora poromosiyo (540.540): 1.0 f46 → 1.2 f60 yoroshye kwinjiramo, ifata f61, hanyuma yoroshye kwihuta ugera kuri 1.04 kuri f71 mu gihe inyuguti ya cursor ikanze (igabanuka 15% f69–71).
S2 f72–100, agashushanyo + obiti: agashushanyo ka porogaramu ya navy squircle (#294376 → #1E2F52, ikimenyetso cy'umweru), 276 px kuri f72 igabanya ubugari kugeza kuri 178 px kuri f86, radius 28% by'ubugari, kuri disiki y'umukara #E9E9E7 ikura ⌀240 (f75) → 326 (f86). Kabureta enye za px 92 (radius 26) zizunguruka mu buryo bunyuranyije n'isaha, zigenda buhoro, kandi zigafungana mu umusaraba kuri radius ya orbit ≈216 kuri f86: umweru (1px #E3E8EF inkombe + igicucu gito) ibumoso, #2F6BFF hejuru, #3CC8F0 iburyo, #4ED6A0 hepfo. f88–100: agashushanyo kagabanya umuvuduko kagera kuri ≈40 px, kare zigenda mu murongo iburyo bwako (umweru unyura inyuma y'agashushanyo), uduce duto duto 0.3 → 6 px.
S3 f101–158, umurongo wa menu + igitekerezo: urupapuro rw'umweru hejuru y'umukara wa mudasobwa igendanwa (y425–475, urwego rwo hejuru #686866), umurongo wa menu wijimye (y477–538), urupapuro rw'inyuma ruri hasi = ikirere cy'ubururu gifite umurongo muto w'umweru (uruziga rumwe runini, imirongo ibiri itambitse, umwe uhagaze, urumuri rw'impande enye ku muhanda, urumuri rworoshye rw'umweru hejuru iburyo). Umurongo wa menu iburyo mu ibara ry'umweru: Wi-Fi, bateri, toggles, ikimenyetso cy'ibicuruzwa kuri x531–584, utudomo dutatu ⌀36 #2F6BFF / #3CC8F0 / #4ED6A0 kuri x612, 661, 709, "Ku wa mbere Kamena 22 9:41 AM" 34 px. Injiramo px 3 zidasobanutse kandi ihagaze kuri f110. Cursor izamuka iva hasi (f102), yicara ku murongo, ikandika f113–117. Ibipimo bya kamera iburyo +125 px f115–130 (byihuse cyane f118–120). Agasanduku k'ikirahure gakonje (ikirahure cy'umweru n'ubururu hejuru y'ikirere, umurambararo wo hejuru ugaragara, radius 60) gasohoka munsi y'ikimenyetso f116: ubugari bugera kuri 744 kuri f126 kandi bugahagarara kuri 726x228 kuri f138 hafi ya x196–922, y568–797. Inyuguti kuva kuri f121 (isomwa rya mbere "Kora") kugeza kuri f150 (yuzuye) hafi ya char/frame 1 hamwe na frame 1 ifata buri char 2–3; caret ihora ifunguye; utumenyetso dutatu tw'umweru hepfo; buto yo kohereza #2F6BFF ⌀51 hamwe n'akambi k'umweru hejuru. Kuva kuri f136, ishusho yose irazamuka, yihuta cyane (f158 igenda ≈25 px/frame, ihinduka ry’urumuri ≈6–8 px) mu gihe urupapuro ruhinduka #E6F4FE hejuru ya f154–158.
S4 f159–186, urupapuro rw'igisubizo: urupapuro rw'isomo ryoroheje (umugati, umutwe, umubiri): inkingi y'inyandiko x120, umubiri 47 px Inter 400 imvi #BCBCBA, umurongo w'umurongo 58, interuro imwe y'ingenzi ("ishusho y'ishusho") mu ibara ry'umukara 600. Igera aho irangiritse kandi iri hasi ya px 420, izamuka hamwe na offsets 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), hanyuma irahindagurika -6 px kuri f186. Ipfundo 24 px (f159) → 1.5 (f165) → 0. Ibara #E2F4FE irashira kuri #FDFDFB kuri f165. Akarongo kerekana hejuru kagenda gahagarara munsi y'interuro y'ingenzi (≈(450,591) f180), hanyuma kagaca iburyo.
S5 f187–214, ikarita: ikarita yera (x203–878, iva hasi) izamuka hejuru y'urupapuro: ishusho y'igifuniko 627x536 igaragaramo 24 px, radius 64, agace ko gufataho gato hagati, ibisobanuro bya semibold 38 px umukara, agace gato k'umukara 23 px. Igifuniko hejuru y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), hanyuma ikomeza kuzamuka ~4 px/frame. Igisubizo cy'ikarita 3.8 px kuri f189, gityaye kuri f201; urupapuro ruri inyuma y'igisubizo rugera kuri ≈2.5 px. Sohoka kuri f207–214: ikarita igabanuka ~5% ikazamuka mu gihe frame yose ihinduka 1 → 7 px; ikase ku gice cyo hejuru cy'igisubizo.
S6 f215–244, amakarita abiri: urupapuro rw'umweru, amakarita abiri ashyizwe hamwe 538x348 (umurongo wa 57, icyuho cya 36) ashingiye kuri x540, ikarita yo hejuru ihagaze kuri y168 kuri f230, hasi kuri y552. Buri kimwe: ifoto y'igipfukisho (nta mwandiko wabitswemo), agapira gakonje hejuru ibumoso ("Module 3" / "Module 5"), uruziga rukonje "•••" hejuru iburyo, n'umutwe munini ukomeye ku nkengero zo hepfo ukozwe mu kirahure gikonje (kopi y'ishusho idasobanutse, imuritswe ku nyuguti, iciwe n'inkombe yo hepfo y'ikarita): "Launch" na "Sound". Zombi zinjiramo px 12 zidasobanutse kandi zisobanutse kuri f224; ikarita yo hejuru yinjizamo 8% nini kandi izamuka kuva kuri y264; ikarita yo hepfo izamuka kuva kuri y927, izunguruka inyuma yayo. Zizamuka kuri px 3/frame f230–238, hanyuma zikihuta zikazamuka mu gice.
S7 f245–300, disiki y'ikirango: urupapuro #FDFDFB, disiki ⌀168 #F6F6F6 ifite ikimenyetso cyijimye, izamuka ijya hagati (hejuru y569 f245 → 491 f250 → 468 f255 → 456 f269) ifite agace gahagaze ku gitereko cyaciwe, ifata f269–287 (aho hantu honyine hakonje), hanyuma ikagabanuka igera kuri ⌀123 kuri f300.
S8 f301–359, ikarita y'inyuma: inyuma y'umukara (#020204 impande, ≈#272729 ikikije ijambo), ikimenyetso cy'ijambo muri Inter 600, umweru #F3F3F5 ufite urumuri rurerure hamwe n'umurambararo mugari woroshye, hagati (540.540). Ubugari bw'amagambo: ≈1650 px f301 (yaranduye mu buryo butambitse, imirongo yo gukurura) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/frame shrink) → 492 f350, hanyuma irasenyuka: 450 f355 → 267 f359 hamwe n'urujijo ruzamuka rugera kuri px 3.5. Filime irangira hagati mu gusenyuka.

1. Urupapuro rumwe HTML, 1080x1080, rwashushanyijwe na seek(t) nk'imikorere y'umubare wa frame. Nta mpinduka CSS, nta gihe, nta Math.random (hashes zashyizwemo imbuto gusa). Amafoto yandikwa nka {f0, f1, render(localFrame)}.
2. Agaciro kose gakomeza mu mubare w'amashusho (59.94 master render half frames): animate hamwe na keyframe tables kf(frame, [[f, value],...], ease) na per-frame lookup tables hamwe na linear interpolation. Nta Math.floor iri kugenda.
3. Gusiba: Gusiba CSS ku ibara ry'urukiramende, SVG feGaussianBlur hamwe na x/y stdGusiba icyerekezo. Gusiba icyerekezo ku ikarita yo kurangira = kopi 20–30 z'ijambo zagabanijwe, zijimye. Ikirahure cyakonjeshejwe = kopi y'ibiri inyuma, ifunze neza, ishyizwe ku ishusho.
4. Cursor: umwambi umwe wa SVG macOS (umukara wuzuza, imiterere yera, igicucu cyoroshye) hamwe no kuzunguruka no gupima, bikongera gukoreshwa muri S1, S3, S4.
5. Ijwi (nta ijwi), neza neza 12.075 s: umuziki kuri 124 BPM, intangiriro yoroshye, kugabanuka kuri 2.47 s (gukubita 5, gukata f72 kuyiyobora ku mashusho 2). SFX ikora: ingaruka zoroshye 0.10 s; igera ku buso bw'amajwi 2.402, 3.370, 5.305, 10.043 s; ihinduka rigera neza neza kuri 6.240 s na 8.175 s; gukanda kuri 2.33 na 3.83 s; urufunguzo rutuje cyane rufata amanota buri ~32 ms mu minota 4.04–5.00; ubwiza bworoshye kuri 10.05 s. Kugera kuri −14 LUFS, ubwiza nyabwo −1 dBTP, nta gucika intege keretse 60 ms za nyuma.
6. Gushushanya hakoreshejwe Playwright (ishusho imwe kuri buri fremu, inyuguti zibanza gushyirwaho), shyira H.264 yuv420p kuri 60000/1001, shyiramo amajwi.

Pima inyandiko gusa nyuma yo gusohora inyuguti. Izina rirerire ry'igicuruzwa ntirizakwira aho izina ry'inyuguti 5 ryakwirakwiriye: pima ububiko bwose (icyuho cya disiki, izina, ikinini) kugira ngo gikwiranye n'uburebure bwa x474–1063, ntureke ikinini kigwa ku ishusho. Ikarito y'umweru irashira ku ipaji yera nta nkombe ya 1px n'igicucu gito. Ntugashyire amashusho afite inyandiko yayo mu makarita ya S6, cyangwa umutwe w'ikirahure ukongera kabiri. Komeza amakaramu yaciwe neza nubwo adahagaze neza. Nta kintu na kimwe gikonjesha uretse S7 f269–287. Imbonerahamwe zikomeye zishobora guhanagura ishusho burundu: niba akarahuri kasa n'aho karimo ubusa, gabanya akarahuri kugeza igihe ishusho ikiri gusoma.

Mbaza ibitekerezo. Hanyuma unyereke amashusho 4 (umutwe wa f40 mu idirishya, umusaraba w'ishusho ya f86, umurongo wa f150 warangiye, f230 amakarita abiri) mbere yuko ugaragaza filime yose.

Ask me for: my product name, a logo (or let you draw a simple mark), the one-line thing a user types into the prompt box, the page that answers it (title + 2–3 sentences with one key phrase), two feature names for the stacked cards, and a music track. If I skip any, use the defaults: product "Frame by Frame" living inside its Whop hub, a viewfinder mark (four corner brackets around a bold "FF"), prompt "Make a launch video for my app", a lesson page titled "2.1 Choose a reference", cards "Launch" and "Sound", and Mixkit's free house track "Rising Forest" slowed to 124 BPM.

A 12 second square product sting, 1080x1080, frame numbers at 29.97 fps (f0–f359), master rendered at 59.94 fps. Apple-keynote feel: soft, white, bright blue, glassy. The camera never cuts on a still frame: every shot enters already moving (exponential ease-out, 12–19% of the remaining distance per frame) and leaves on an accelerating move or a blur ramp. Blur follows speed and direction on every move.
Palette: page #FDFDFB, haze #B7CFEB, ice #E6F0FA, deep blue #294376 → #769CC2 sky gradient, navy #1E2F52, accent blues #2F6BFF / #3CC8F0 / mint #4ED6A0, white. Type: Inter (400/500/600/700). No purple, violet, magenta or orange anywhere.
Story: the product header rises out of a blue haze inside a light app window → a cursor glides in, turns to face where it's going, grows on hover and clicks the logo → hard cut on the music drop to the app icon with four squares orbiting into a cross → the icon collapses into a Mac menu bar → the cursor clicks the menu-bar icon, a frosted glass prompt box springs out and the prompt types → whip-tilt up through a light-blue flash into the answer page scrolling into place → a card rises over it → blur-dissolve to two stacked cards with giant frosted-glass titles → blur-dissolve to the lone logo disc → hard cut to a black end card with a glowing wordmark.
Banned: crossfades, frozen frames (except one hold in S7), stock UI kits, glows on UI text, Math.random, anything that looks like a template.

Coordinates are px on the 1080 stage. Music beat k = 0.048 + 0.4838·k s (124 BPM, one beat = 14.5 frames). The three hard cuts f72, f101, f159 land 2 frames before a beat: keep these exact frames.
S1 f0–71, header + window + click: haze #B7CFEB fading to #FDFDFB by f28, keep a blue floor glow #DBEEFD at the bottom. Header on one line: logo disc ⌀132 (#FBFCFE, 1px rim #E8E8EA, dark mark), the product name (Inter 500), a dark capsule pill "on Whop" (#2F2E2F, white text); the whole lockup spans x474–1063, centre line rises y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), drifting 1 px/frame after. Name appears f2 blurred, pill f4–5 heavily blurred and sliding 15 px left as it sharpens. A light hub window (radius 93, fill #FCFDFF, top band #F1F6FF, blue inner floor glow) fades in around it: opacity 0 to f14, 0.53 f15, 0.7 f19, 1.0 f24; top-left corner (408,405), runs off the right and bottom. Inside: a search pill in the top band, a left icon column (Courses icon at (537,739), faded Chat icon at (537,900)), and a course card from (764,700) off-frame with its cover image, title and "Course · 8 lessons". Cursor (black macOS arrow, white outline, 32x39) appears f27 at (891,393), glides left decelerating to (770,383) f44, rotates to point down-left f47–51 as it dives, lands on the disc's lower right (629,564) f56 → (587,546) f59 → (555,531) f71; grows ×1.55 on hover from f56; a soft ice ring (#D5F3FF → #F7FEFF, outer ⌀174) lights around the disc from f53. Camera zooms about (540,540): 1.0 f46 → 1.2 f60 ease-in-out, holds f61, then eases out accelerating to 1.04 at f71 while the cursor presses (shrinks 15% f69–71).
S2 f72–100, icon + orbit: navy squircle app icon (#294376 → #1E2F52, white mark), 276 px at f72 shrinking ease-out to 178 px by f86, radius 28% of width, on a grey halo disc #E9E9E7 growing ⌀240 (f75) → 326 (f86). Four 92 px squares (radius 26) spin in counter-clockwise, decelerating, and lock into a cross at orbit radius ≈216 by f86: white (1px #E3E8EF edge + faint shadow) left, #2F6BFF top, #3CC8F0 right, #4ED6A0 bottom. f88–100: the icon shrinks accelerating to ≈40 px, the squares slide into a row on its right (white slips behind the icon), blur ramps 0.3 → 6 px.
S3 f101–158, menu bar + prompt: white page above a black laptop bezel band (y425–475, top highlight #686866), a dark navy menu bar (y477–538), wallpaper below = the blue sky gradient with thin white line art (one big circle, two horizontal lines, one vertical, a four-point sparkle at a crossing, soft teal glow top-right). Menu bar right cluster in white: Wi-Fi, battery, toggles, the product mark at x531–584, three ⌀36 dots #2F6BFF / #3CC8F0 / #4ED6A0 at x612, 661, 709, "Mon Jun 22  9:41 AM" 34 px. Enters blurred 3 px and settling by f110. Cursor rises from below (f102), sits on the mark, presses f113–117. Camera pans content right +125 px f115–130 (fastest f118–120). A frosted glass box (white-blue glass over the sky, bright top rim, radius 60) springs out from under the mark f116: width peaks 744 at f126 and settles 726x228 by f138 around x196–922, y568–797. The prompt types from f121 (first legible "Make ") to f150 (complete) at about 1 char/frame with a 1-frame hold every 2–3 chars; caret always on; three white outline icons along the bottom; send button #2F6BFF ⌀51 with a white up arrow. From f136 the whole scene drifts up, accelerating into a whip-tilt (f158 moving ≈25 px/frame, vertical blur ≈6–8 px) while the page tints #E6F4FE over f154–158.
S4 f159–186, answer page: a light course lesson page (breadcrumb, title, body): text column x120, body 47 px Inter 400 grey #BCBCBA, line pitch 58, one key phrase ("frame for frame") in black 600. It arrives smeared and 420 px low, scrolls up with offsets 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), then creeps −6 px by f186. Blur 24 px (f159) → 1.5 (f165) → 0. Flash #E2F4FE fading to #FDFDFB by f165. A cursor pointing straight up rides the scroll and stops under the key phrase (≈(450,591) f180), then drifts right.
S5 f187–214, card: a white card (x203–878, runs off the bottom) rises over the page: cover image 627x536 inset 24 px, radius 64, a light grabber bar at its top centre, caption semibold 38 px black, sub-caption grey 23 px. Cover top y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), then keeps drifting up ~4 px/frame. Card blur peaks 3.8 px at f189, sharp by f201; the page behind blurs to ≈2.5 px. Exit f207–214: card shrinks ~5% and rises while the whole frame blurs 1 → 7 px; cut at the blur peak.
S6 f215–244, two cards: white page, two stacked cards 538x348 (radius 57, gap 36) centred on x540, top card settling at y168 by f230, bottom at y552. Each: cover art (no text baked into it), a frosted pill top-left ("Module 3" / "Module 5"), a frosted round "•••" top-right, and a huge bold title along the bottom edge made of frosted glass (a blurred, lightened copy of the image clipped to the letters, cut off by the card's bottom edge): "Launch" and "Sound". Both enter blurred 12 px and sharp by f224; the top card enters 8% large and rises from y264; the bottom card rises from y927, staggered behind it. They drift up 3 px/frame f230–238, then accelerate up and blur out into the cut.
S7 f245–300, logo disc: page #FDFDFB, disc ⌀168 #F6F6F6 with the dark mark, rises into the centre (top y569 f245 → 491 f250 → 468 f255 → 456 f269) with a vertical smear on the cut frame, holds still f269–287 (the only frozen stretch), then shrinks accelerating to ⌀123 at f300.
S8 f301–359, end card: black radial background (#020204 corners, ≈#272729 around the word), the wordmark in Inter 600, white #F3F3F5 with a tight glow plus a wide soft halo, centred (540,540). Word width: ≈1650 px f301 (horizontally smeared, zoom streaks) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/frame shrink) → 492 f350, then collapses ease-in: 450 f355 → 267 f359 with blur rising to 3.5 px. The film ends mid-collapse.

1. One HTML page, 1080x1080, drawn by seek(t) as a pure function of the frame number. No CSS transitions, no timers, no Math.random (seeded hashes only). Shots register as {f0, f1, render(localFrame)}.
2. Every value is continuous in the frame number (the 59.94 master renders half frames): animate with keyframe tables kf(frame, [[f, value], ...], ease) and per-frame lookup tables with linear interpolation. No Math.floor on motion.
3. Blur: CSS filter blur for round blur, SVG feGaussianBlur with separate x/y stdDeviation for directional smears. Zoom smear on the end card = 20–30 scaled, faded copies of the word. Frosted glass = a blurred, lightened copy of what's behind, clipped to the shape.
4. Cursor: one SVG macOS arrow (black fill, white outline, soft shadow) with rotation and scale, reused in S1, S3, S4.
5. Sound (no voice), exactly 12.075 s: music at 124 BPM, soft intro, the drop at 2.47 s (beat 5, the f72 cut leads it by 2 frames). Synthesized SFX: soft impact 0.10 s; whooshes peaking at the cuts 2.402, 3.370, 5.305, 10.043 s; transition hits exactly on 6.240 s and 8.175 s; clicks at 2.33 and 3.83 s; very quiet key ticks every ~32 ms over 4.04–5.00 s; a soft shimmer at 10.05 s. Master to −14 LUFS, true peak −1 dBTP, no fade except the last 60 ms.
6. Render with Playwright (one screenshot per frame, fonts loaded first), encode H.264 yuv420p at 60000/1001, mux the audio.

Measure text only after the fonts load. A long product name won't fit where a 5-letter name did: scale the whole lockup (disc gap, name, pill) to fit the span x474–1063, don't let the pill fall off-frame. A white orbit square vanishes on the white page without a 1px edge and a faint shadow. Don't put images with their own text inside the S6 cards, or the glass title doubles up. Keep the cut frames exact even where they don't sit on a beat. Nothing freezes except S7 f269–287. Heavy blur tables can wipe a shape out completely: if a frame looks empty, lower the blur until the shape still reads.

Ask me for the inputs. Then show me 4 stills (f40 header in the window, f86 icon cross, f150 finished prompt, f230 the two cards) before you render the full film.

Itangazo ryavuye kuri ubutumwa @notdwd.