Paleiskite vaizdo įrašų perdirbinių palyginimą

Klauskite manęs: produkto pavadinimo, logotipo (arba leiskite nupiešti paprastą ženklą), prekės ženklo spalvų (arba ištraukite jas iš mano logotipo), vienos eilutės teksto, kurį vartotojas įveda į raginimo laukelį, puslapio, kuris į jį atsako (pavadinimas + 2–3 sakiniai su viena raktine fraze), dviejų funkcijų pavadinimų sukrautoms kortelėms ir muzikos takelio. Jei kurį nors praleidžiu, naudokite numatytuosius nustatymus: produktą „Kadras po kadro“, esantį „Whop“ centre, vaizdo ieškiklio žymę (keturius kampinius skliaustus aplink paryškintą „FF“), raginimą „Sukurkite mano programėlės pristatymo vaizdo įrašą“, pamokos puslapį pavadinimu „2.1 Pasirinkite nuorodą“, korteles „Paleidimas“ ir „Garsas“ bei nemokamą „Mixkit“ house kūrinį „Rising Forest“, sulėtintą iki 124 BPM.

12 sekundžių trukmės kvadratinis produkto kadras, 1080 x 1080, kadrų numeravimas – 29,97 kadrų per sekundę (f0–f359), pagrindinis vaizdas perteiktas 59,94 kadrų per sekundę greičiu. „Apple“ pagrindinio kadro pojūtis: švelni, balta, ryškiai mėlyna, stiklinė. Kamera niekada nekerta nejudančio kadro: kiekvienas kadras pradedamas jau judantis (eksponentinis atitolimas, 12–19 % likusio atstumo kiekvienam kadrui) ir paliekamas greitėjančiu judesiu arba suliejimo rampa. Suliejimas seka greitį ir kryptį kiekviename judesyje.
Paletė: mano prekės ženklo spalvos susietos su šiais vaidmenimis; jei jų nenurodau, naudokite puslapio spalvą #FDFDFB, miglos spalvą #B7CFEB, ledo spalvą #E6F0FA, tamsiai mėlyną spalvą #294376 → #769CC2 dangaus gradiento spalvą, tamsiai mėlyną spalvą #1E2F52, akcento mėlyną spalvą #2F6BFF / #3CC8F0 / mėtinę spalvą #4ED6A0, baltą. Tipas: Inter (400/500/600/700). Jokios violetinės, violetinės, rausvai raudonos ar oranžinės spalvos.
Istorija: produkto antraštė išnyra iš mėlyno miglos šviesiame programėlės lange → žymeklis slysta, pasisuka veidu į norimas puses, užvedus pelės žymeklį padidėja ir spusteli logotipą → muzikos įrašas staiga nukrenta iki programėlės piktogramos su keturiais kvadratais, kurie sukasi į kryžių → piktograma sugriūva į „Mac“ meniu juostą → žymeklis spusteli meniu juostos piktogramą, iššoka matinio stiklo raginimo langas ir raginimas įveda tekstą → šviesiai mėlynu blyksniu pakyla į atsakymo puslapį, slenkantį į vietą → virš jo pakyla kortelė → susilieja ir ištirpsta iki dviejų sukrautų kortelių su milžiniškais matinio stiklo pavadinimais → susilieja ir ištirpsta iki vienišo logotipo disko → susilieja iki juodos kortelės gale su šviečiančiu žodžiu.
Draudžiama: perėjimas į kitą lygį, sustabdyti kadrai (išskyrus vieną sulaikymą S7 versijoje), standartiniai vartotojo sąsajos rinkiniai, švytintis vartotojo sąsajos tekstas, „Math.random“, viskas, kas atrodo kaip šablonas.

Koordinatės yra px 1080 scenoje. Muzikos taktas k = 0,048 + 0,4838·ks (124 BPM, vienas taktas = 14,5 kadro). Trys griežti kirpimai f72, f101, f159 patenka į 2 kadrus prieš taktą: išlaikykite šiuos tikslius kadrus.
S1 f0–71, antraštė + langas + spustelėjimas: migla #B7CFEB ties f28 išnyksta iki #FDFDFB, apačioje paliekamas mėlynas grindų švytėjimas #DBEEFD. Antraštė vienoje eilutėje: logotipo diskas ⌀132 (#FBFCFE, 1 pikselio kraštas #E8E8EA, tamsus ženklas), produkto pavadinimas (Inter 500), tamsi kapsulės formos tabletė „ant Whop“ (#2F2E2F, baltas tekstas); visas užfiksuotas vaizdas apima x474–1063, centrinė linija kyla y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), po to pasislenka 1 pikseliu/kadru. Pavadinimas f2 rodomas neryškiai, tabletė f4–5 stipriai neryški ir slenka 15 pikselių į kairę, nes ryškėja. Šviesos centro langas (spindulys 93, užpildas #FCFDFF, viršutinė juosta #F1F6FF, mėlynas vidinis grindų švytėjimas) aplink jį išryškėja: neskaidrumas nuo 0 iki f14, 0,53 f15, 0,7 f19, 1,0 f24; viršutinis kairysis kampas (408,405), tęsiasi dešinėje ir apačioje. Viduje: paieškos piliulė viršutinėje juostoje, kairysis piktogramų stulpelis (Kursų piktograma ties (537,739), išblukusi pokalbių piktograma ties (537,900)) ir kurso kortelė iš (764,700) už kadro su viršelio paveikslėliu, pavadinimu ir „Kursas · 8 pamokos“. Cursor (juoda macOS rodyklė, baltas kontūras, 32x39) atsiranda ties f27 (891,393), slysta į kairę lėtėdamas iki (770,383) f44, neridamas pasisuka į rodyklę žemyn į kairę f47–51, nusileidžia disko apatiniame dešiniajame kampe (629,564) f56 → (587,546) f59 → (555,531) f71; užvedus viršūnę nuo f56 padidėja ×1,55; nuo f53 aplink diską užsidega minkšto ledo žiedas (#D5F3FF → #F7FEFF, išorinis ⌀174). Kamera priartina vaizdą maždaug (540,540): 1,0 f46 → 1,2 f60, priartėja ir išslenka, laiko žymeklį nuspaustą, tada atlėgsta, greitėdamas iki 1,04 ties f71 (susitraukia 15 % f69–71).
S2 f72–100, piktograma + orbita: tamsiai mėlyna apskritimo formos programėlės piktograma (#294376 → #1E2F52, balta žymė), 276 pikseliai ties f72 mažėja iki 178 pikselių x f86, spindulys 28 % pločio, ant pilko aureolės disko #E9E9E7, augančio ⌀240 (f75) → 326 (f86). Keturi 92 pikselių kvadratai (spindulys 26) sukasi prieš laikrodžio rodyklę, lėtėja ir užsifiksuoja kryžiuje ties orbitos spinduliu ≈216 x f86: balta (1 pikselis #E3E8EF kraštas + silpnas šešėlis) kairėje, #2F6BFF viršuje, #3CC8F0 dešinėje, #4ED6A0 apačioje. f88–100: piktograma mažėja greitėjant iki ≈40 pikselių, kvadratai slysta į eilutę dešinėje (balta spalva slysta už piktogramos), suliejimo rampos 0,3 → 6 pikseliai.
S3 f101–158, meniu juosta + raginimas: baltas puslapis virš juodo nešiojamojo kompiuterio rėmelio (y425–475, viršutinis paryškinimas #686866), tamsiai mėlyna meniu juosta (y477–538), fonas apačioje = mėlyno dangaus gradientas su plonomis baltomis linijomis (vienas didelis apskritimas, dvi horizontalios linijos, viena vertikali, keturių taškų spindesys sankirtoje, švelnus žalsvai mėlynas švytėjimas viršuje dešinėje). Baltas meniu juostos blokas dešinėje: „Wi-Fi“, akumuliatorius, jungikliai, produkto ženklas ties x531–584, trys ⌀36 taškai #2F6BFF / #3CC8F0 / #4ED6A0 ties x612, 661, 709, „Pirmadienis, birželio 22 d., 9:41 val.“ 34 pikseliai. Įvedamas neryškus 3 pikseliai ir nusistovi ties f110. Cursor kyla iš apačios (f102), atsiduria ant žymės, paspaudžiamas f113–117. Kamera slenka turinį į dešinę +125 pikseliais f115–130 (greičiausias greitis f118–120). Iš po žymės f116 iššoka matinio stiklo dėžutė (baltai mėlynas stiklas virš dangaus, ryškus viršutinis kraštas, 60 spindulys): plotis pasiekia 744 taškus ties f126 ir nusileidžia 726x228 ties f138 ties x196–922, y568–797. Raginimas rašo nuo f121 (pirmas įskaitomas „Padaryti“) iki f150 (baigti) maždaug 1 simboliu/kadru, o 1 kadro palaikymas trunka kas 2–3 simbolius; visada įjungtas žymeklis; trys baltos kontūro piktogramos apačioje; siuntimo mygtukas #2F6BFF ⌀51 su balta rodykle aukštyn. Nuo f136 visas vaizdas kyla aukštyn, įgauna pagreitį ir virsta tarsi banguotu posūkiu (f158 juda ≈25 px/kadru, vertikalus suliejimas ≈6–8 px), o puslapis per f154–158 užtamsina #E6F4FE.
S4 f159–186, atsakymų puslapis: lengvo kurso pamokos puslapis (navigacijos kelias, pavadinimas, turinys): teksto stulpelis x120, turinys 47 px, Inter 400, pilka spalva #BCBCBA, eilutės žingsnis 58, viena pagrindinė frazė („kadras po kadro“) juoda spalva 600. Puslapis atkeliauja suteptas ir 420 px žemas, slenka aukštyn su poslinkiais 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), tada šliaužia -6 px ties f186. Suliejimas 24 px (f159) → 1,5 (f165) → 0. #E2F4FE blykstė paverčiama #FDFDFB ties f165. Tiesiai į viršų nukreiptas žymeklis slenka slinkties juosta ir sustoja ties raktine fraze (≈(450,591) f180), tada pasislenka į dešinę.
S5 f187–214, kortelė: balta kortelė (x203–878, tęsiasi apačioje) kyla virš puslapio: viršelio paveikslėlis 627x536, įdėklas 24 px, spindulys 64, lengvas griebimo juosta viršuje centre, antraštė pusiau paryškinta 38 px juoda, paantraštė pilka 23 px. Viršus y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), tada toliau kyla aukštyn ~4 px/kadrui. Kortelės suliejimo maksimumas yra 3,8 px ties f189, ryškumas padidėja ties f201; puslapis už jos susilieja iki ≈2,5 px. Išėjimas iš f207–214: kortelė sumažėja ~5 % ir kyla, o visas kadras susilieja 1 → 7 px; apkirpta ties suliejimo maksimumu.
S6 f215–244, dvi kortelės: baltas puslapis, dvi sukrautos kortelės 538x348 (57 spindulys, 36 tarpas), centre ties x540, viršutinė kortelė baigiasi ties y168 x f230, apatinė – ties y552. Kiekvienoje: viršelis (be įspausto teksto), matinė tabletė viršuje kairėje („3 modulis“ / „5 modulis“), matinė apvali „•••“ viršuje dešinėje ir didžiulis paryškintas pavadinimas apatiniame krašte, pagamintas iš matinio stiklo (neryški, pašviesinta vaizdo kopija, nukirpta prie raidžių, nupjauta ties kortelės apatiniu kraštu): „Paleidimas“ ir „Garsas“. Abi yra neryškios 12 pikselių ir ryškios iki f224; viršutinė kortelė yra 8 % didelė ir kyla nuo y264; apatinė kortelė kyla nuo y927, pasislinkusi už jo. Jos pakyla 3 pikseliais/kadru f230–238, tada pagreitėja ir susilieja į pjūvį.
S7 f245–300, logotipo diskas: puslapis #FDFDFB, diskas ⌀168 #F6F6F6 su tamsiu ženklu, kyla į centrą (viršuje y569 f245 → 491 f250 → 468 f255 → 456 f269) su vertikaliu tepinėliu ant pjūvio rėmelio, vis dar laikosi f269–287 (vienintelė užšalusi atkarpa), tada traukiasi greitėdamas iki ⌀123 ties f300.
S8 f301–359, galinė kortelė: juodas radialinis fonas (kampai (#020204, aplink žodį ≈#272729), žodinis ženklas Inter 600“, baltas #F3F3F5 su tankiu švytėjimu ir plačiu švelniu aureole, centre (540,540). Žodžio plotis: ≈1650 px f301 (horizontaliai išteptas, priartinimo juostos) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/kadras susitraukia) → 492 f350, tada sutraukiamas: 450 f355 → 267 f359, suliejimas padidėja iki 3,5 px. Filmas baigiasi sutraukimo viduryje.

1. Vienas HTML puslapis, 1080x1080, nubraižytas seek(t) kaip gryna kadro numerio funkcija. Jokių CSS perėjimų, jokių laikmačių, jokių Math.random (tik sėjamosios maišos). Kadrai registruojami kaip {f0, f1, render(localFrame)}.
2. Kiekviena reikšmė yra ištisinė kadro numeryje (59.94 pagrindinis failas pateikia pusę kadro): animuokite naudodami pagrindinių kadrų lenteles kf(kadras, [[f, reikšmė],...], patogumas) ir paieškos lenteles kiekvienam kadrui su tiesine interpoliacija. Judant nėra „Math.floor“.
3. Suliejimas: CSS filtro suliejimas apvaliam suliejimui, SVG feGauso suliejimas su atskiru x/y standartiniu nuokrypiu kryptingiems tepimams. Mastelio keitimas kortelės gale = 20–30 pakeisto mastelio, išblukusių žodžio kopijų. Matinis stiklas = neryški, pašviesinta to, kas yra už nugaros, kopija, prikirpta prie formos.
4. Cursor: viena SVG macOS rodyklė (juodas užpildas, baltas kontūras, švelnus šešėlis) su pasukimu ir mastelio keitimu, pakartotinai panaudota S1, S3, S4.
5. Garsas (be balso), lygiai 12,075 s: muzika 124 BPM, švelni įžanga, garso kritimas ties 2,47 s (5 taktas, f72 perpjovimas jį lenkia 2 kadrais). Susintetinti garso efektai: švelnus smūgis 0,10 s; švilpimas, pasiekiantis pikas perpjovimuose 2,402, 3,370, 5,305, 10,043 s; perėjimas tiksliai ties 6,240 s ir 8,175 s; spragsėjimai ties 2,33 ir 3,83 s; labai tylūs klavišų tiksėjimai kas ~32 ms per 4,04–5,00 s; švelnus mirgėjimas ties 10,05 s. Nustatoma iki −14 LUFS, tikrasis pikas −1 dBTP, nėra išblukimo, išskyrus paskutines 60 ms.
6. Sukurkite su Playwright (po vieną ekrano kopiją kiekvienam kadrui, pirmiausia įkeliant šriftus), užkoduokite H.264 yuv420p 60000/1001 raiška, sumuksuokite garsą.

Tekstą išmatuokite tik įkėlus šriftus. Ilgas produkto pavadinimas netilps ten, kur tilpo 5 raidžių pavadinimas: pakeiskite viso užsegimo (disko tarpas, pavadinimas, tabletė) mastelį, kad tilptų intervalas x474–1063, neleiskite tabletei iškristi iš kadro. Baltas orbitinis kvadratas dingsta baltame puslapyje be 1 pikselio krašto ir su silpnu šešėliu. Nedėkite vaizdų su savo tekstu į S6 korteles, nes stiklinis pavadinimas padvigubės. Iškirptus kadrus išlaikykite tikslius, net ir ten, kur jie nėra ant ritmo. Niekas nesustingsta, išskyrus S7 f269–287. Didelės suliejimo lentelės gali visiškai ištrinti formą: jei kadras atrodo tuščias, sumažinkite suliejimą, kol forma vis dar bus skaitoma.

Paprašykite manęs įvesties duomenų. Tada parodykite man 4 kadrus (f40 antraštė lange, f86 kryželis, f150 užbaigimo raginimas, f230 dvi kortelės) prieš generuodami visą filmą.

Ask me for: my product name, a logo (or let you draw a simple mark), my brand colours (or pull them from my logo), 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: my brand colours mapped onto these roles; if I give none, use 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.

Raginimas paimtas iš paštas @notdwd.