Asennus: Käynnistä videoremake-vertailu

Kysy minulta: tuotteeni nimeä, logoa (tai annathan sinun piirtää yksinkertaisen merkin), brändivärejäni (tai voit poimia ne logostani), yhden rivin tekstiä, jonka käyttäjä kirjoittaa kehotekenttään, sivua, joka vastaa siihen (otsikko + 2–3 lausetta yhdellä avainsanalla), kahta ominaisuusnimeä pinotuille korteille ja musiikkikappaletta. Jos jätän jonkin pois, käytän oletusarvoja: tuote "Frame by Frame" Whop-keskittimen sisällä, etsinmerkkiä (neljä kulmasulkeita lihavoidun "FF":n ympärillä), kehotetta "Tee sovellukselleni julkaisuvideo", oppituntisivua nimeltä "2.1 Valitse viite", kortteja "Launch" ja "Sound" sekä Mixkitin ilmaista house-kappaletta "Rising Forest" hidastettuna 124 BPM ään.

12 sekunnin neliömäinen tuotekuva, 1080x1080, ruutunumerointi 29,97 fps (f0–f359), master-renderöinti 59,94 fps. Apple-tyylinen perustunnelma: pehmeä, valkoinen, kirkkaansininen, lasimainen. Kamera ei koskaan leikkaa still-kuvaa: jokainen otos tulee kuvaan jo liikkuvana (eksponentiaalinen ease-out, 12–19 % jäljellä olevasta matkasta kuvaa kohden) ja lähtee kuvasta kiihtyvällä liikkeellä tai sumennusrampilla. Sumennus seuraa nopeutta ja suuntaa jokaisessa liikkeessä.
Paletti: brändivärini vastaavat näitä rooleja; jos en anna mitään, käytä sivun väriä #FDFDFB, utu #B7CFEB, jää #E6F0FA, syvän sininen #294376 → #769CC2 liukuväri, tummansininen #1E2F52, tehostesiniset #2F6BFF / #3CC8F0 / mintunvihreä #4ED6A0, valkoinen. Tyyppi: Inter (400/500/600/700). Ei violettia, violettia, magentaa tai oranssia missään.
Tarina: tuoteotsikko nousee sinisestä utuisesta kuvasta vaalean sovellusikkunan sisällä → kursori liukuu sisään, kääntyy suuntaansa, kasvaa hiiren osoittimen päällä ja napsauttaa logoa → musiikin kohta leikataan jyrkästi sovelluskuvakkeeseen, jossa neljä neliötä kiertää ristin muotoon → kuvake kutistuu Macin valikkoriviksi → kursori napsauttaa valikkorivin kuvaketta, huurrettu lasinen kehotelaatikko ponnahtaa esiin ja kehote kirjoittaa → kallistuu ylös vaaleansinisen salaman läpi vastaussivulle, joka vierii paikalleen → kortti nousee sen päälle → sumenee kahdeksi pinotuksi kortiksi, joissa on jättimäiset huurretun lasin otsikot → sumenee yksinäiseen logolevyyn → jyrkästi leikataan mustaksi päätykortiksi, jossa on hohtava sanamerkki.
Kielletyt: ristihäivytykset, pysäytetyt ruudut (paitsi yksi pysäytys S7:ssä), käyttöliittymäpaketit, käyttöliittymätekstin hohtaminen, Math.random, kaikki mikä näyttää mallineelta.

Koordinaatit ovat px 1080-vaiheessa. Musiikin isku k = 0,048 + 0,4838·ks (124 BPM, yksi isku = 14,5 ruutua). Kolme kovaa leikkausta f72, f101, f159 osuvat kaksi ruutua ennen iskua: säilytä nämä tarkat ruudut.
S1 f0–71, otsikko + ikkuna + klikkaus: utu #B7CFEB häipyy muotoon #FDFDFB kohdassa f28, pidä sininen lattiahehku #DBEEFD alhaalla. Otsikko yhdellä rivillä: logolevy ⌀132 (#FBFCFE, 1px reunus #E8E8EA, tumma merkki), tuotteen nimi (Inter 500), tumma kapselipilleri "on Whop" (#2F2E2F, valkoinen teksti); koko lukitus ulottuu x474–1063:een, keskiviiva nousee y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), ajautuen 1 px/kehys sen jälkeen. Nimi näkyy f2 sumennettuna, pilleri f4–5 voimakkaasti sumennettuna ja liukuu 15 px vasemmalle terävöittyessään. Valoisa keskiöikkuna (säde 93, täyttö #FCFDFF, yläkaista #F1F6FF, sininen sisäpohjan hehku) häipyy sen ympärille: läpinäkyvyys 0 - f14, 0.53 f15, 0.7 f19, 1.0 f24; vasen yläkulma (408,405), jatkuu oikealta ja alhaalta. Sisällä: hakupilleri yläkaistalla, vasen kuvakepalsta (Kurssit-kuvake kohdassa (537,739), haalistunut Chat-kuvake kohdassa (537,900)) ja kurssikortti kurssipaikasta (764,700) kehyksen ulkopuolella kansikuvan, otsikon ja tekstin "Kurssi · 8 oppituntia" kera. Cursor (musta macOS-nuoli, valkoinen ääriviiva, 32x39) näkyy f27 kohdassa (891,393), liukuu vasemmalle hidastuen nopeuteen (770,383) f44, pyörii osoittamaan alas vasemmalle f47–51 syöksyessään, laskeutuu kiekon oikeaan alakulmaan (629,564) f56 → (587,546) f59 → (555,531) f71; kasvaa ×1,55 leijuttaessa f56:sta; pehmeä jäärengas (#D5F3FF → #F7FEFF, ulompi ⌀174) syttyy kiekon ympärille f53:sta. Kamera zoomaa noin (540,540): 1,0 f46 → 1,2 f60 liikkuen sisään ja ulospäin, pitää f61-painiketta painettuna ja hidastuu sitten kiihdyttäen nopeuteen 1,04 kohdassa f71 kursorin ollessa painettuna (kutistuu 15 % f69–71).
S2 f72–100, kuvake + kiertorata: laivastonsininen neliönmuotoinen sovelluskuvake (#294376 → #1E2F52, valkoinen merkki), 276 px kohdassa f72 kutistuu kiihtyvästi 178 px:iin kertaa f86, säde 28 % leveydestä, harmaalla halolevyllä #E9E9E7, joka kasvaa ⌀240 (f75) → 326 (f86). Neljä 92 px:n neliötä (säde 26) pyörii vastapäivään hidastuen ja lukittuu ristiksi kiertoradan säteellä ≈216 kertaa f86: valkoinen (1 px #E3E8EF reuna + himmeä varjo) vasemmalla, #2F6BFF ylhäällä, #3CC8F0 oikealla, #4ED6A0 alhaalla. f88–100: kuvake kutistuu kiihtyvästi ≈40 px:iin, neliöt liukuvat riviksi sen oikealla puolella (valkoinen liukuu kuvakkeen taakse), sumennus kiihtyy 0,3 → 6 px.
S3 f101–158, valikkorivi + kehote: valkoinen sivu mustan kannettavan tietokoneen kehyksen yläpuolella (y425–475, ylin kohokohta #686866), tummansininen valikkorivi (y477–538), taustakuva alla = sininen taivasliukuvärjäys ohuilla valkoisilla viivapiirroksilla (yksi iso ympyrä, kaksi vaakasuoraa viivaa, yksi pystysuora, nelipisteinen kimallus risteyksessä, pehmeä sinivihreä hehku oikeassa yläkulmassa). Valikkopalkin oikeanpuoleinen klusteri valkoisena: Wi-Fi, akku, kytkimet, tuotemerkki kohdissa x531–584, kolme ⌀36 pistettä #2F6BFF / #3CC8F0 / #4ED6A0 kohdissa x612, 661, 709, "ma 22. kesäkuuta klo 9.41" 34 px. Syöttää sumennuksen 3 px ja pysähtyy kohtaan f110. Cursor nousee alhaalta (f102), asettuu merkin kohdalle, painaa f113–117. Kamera panoroi sisältöä oikealle +125 px f115–130 (nopein f118–120). Huurrettu lasilaatikko (valkoisensinistä lasia taivaan yllä, kirkas yläreuna, säde 60) ponnahtaa esiin merkin f116 alta: leveys on huipussaan 744 kohdassa f126 ja asettuu 726x228 kokoon f138 kohdalla noin x196–922, y568–797. Kehote kirjoittaa f121:stä (ensimmäinen luettava "Valmis") f150:een (valmis) noin yhden merkin/ruudun kohdalla, ja yhden ruudun odotusaika on 2–3 merkin välein; kursiivi aina päällä; kolme valkoista ääriviivakuvaketta alareunassa; lähetyspainike #2F6BFF ⌀51 ja valkoinen ylöspäin osoittava nuoli. Kuvasta f136 alkaen koko kohtaus ajelehtii ylöspäin kiihtyen ja venytellen (kuva 158 liikkuu ≈25 px/kuva, pystysuora sumennus ≈6–8 px), samalla kun sivu sävyttää #E6F4FE kuvapisteiden f154–158 kohdalle.
S4 f159–186, vastaussivu: kevyt kurssin oppituntisivu (polkupolvi, otsikko, leipäteksti): tekstipalsta x120, leipäteksti 47 px Inter 400 harmaa #BCBCBA, riviväli 58, yksi avainsana ("kehys kehykseltä") mustalla 600. Se saapuu suttuisena ja 420 px matalana, vierii ylöspäin siirtymällä 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), sitten hiipii −6 px:ä f186:lla. Sumennus 24 px (f159) → 1,5 (f165) → 0. #E2F4FE häipyy muotoon #FDFDFB kohdassa f165. Suoraan ylöspäin osoittava kursori liikkuu vieritysviivalla ja pysähtyy avainsanan (≈(450,591) f180) alle ja siirtyy sitten oikealle.
S5 f187–214, kortti: valkoinen kortti (x203–878, jatkuu alhaalta) nousee sivun yli: kansikuva 627x536, sisäkuva 24 px, säde 64, kevyt tarttumispalkki ylhäällä keskellä, kuvateksti puolilihavoitu 38 px musta, alakuvateksti harmaa 23 px. Kannen yläosa y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), sitten se jatkaa ajelehtimistaan ylöspäin ~4 px/ruutu. Kortin sumennus huipentuu 3,8 px:iin kohdassa f189, terävöityy kohdassa f201; takana oleva sivu sumenee ≈2,5 px:iin. Poistuminen f207–214: kortti kutistuu ~5 % ja nousee, kun taas koko ruutu sumenee 1 → 7 px; leikataan sumennushuipusta.
S6 f215–244, kaksi korttia: valkoinen sivu, kaksi pinottua korttia 538x348 (säde 57, väli 36) keskitettynä x540:een, ylin kortti asettuu kohtaan y168 x f230, alin kohtaan y552. Kummassakin: kansikuva (ei kaiverrettua tekstiä), himmeä pilleri vasemmassa yläkulmassa ("Moduuli 3" / "Moduuli 5"), himmeä pyöreä "•••" oikeassa yläkulmassa ja valtava lihavoitu otsikko alareunassa, tehty himmeästä lasista (sumennettu, vaalennettu kopio kuvasta, leikattu kirjaimiin, kortin alareunan leikkaama): "Launch" ja "Sound". Molemmat tulevat sisään sumennettuina 12 px ja terävinä kohtaan f224; ylin kortti tulee sisään 8 % suurena ja nousee kohdasta y264; alin kortti nousee kohdasta y927, porrastettuna sen taakse. Ne ajautuvat ylös 3 px/ruutu f230–238, sitten kiihtyvät ylös ja sumenevat leikkaukseen.
S7 f245–300, logolevy: sivu #FDFDFB, levy ⌀168 #F6F6F6 tummalla merkillä, nousee keskelle (ylhäällä y569 f245 → 491 f250 → 468 f255 → 456 f269) pystysuoran tahran kera, pitää paikoillaan f269–287 (ainoa jäätynyt venytys) ja kutistuu sitten kiihtyen arvoon ⌀123 arvossa f300.
S8 f301–359, loppukortti: musta radiaalinen tausta (kulmat (#020204, sanan ympärillä ≈#272729), sanamerkki Inter 600 -värissä, valkoinen #F3F3F5, jossa on tiukka hehku ja leveä pehmeä halo, keskellä (540,540). Sanan leveys: ≈1650 px f301 (vaakasuunnassa levinnyt, zoomausjuovat) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/kuva kutistuu) → 492 f350, sitten kutistuu helpommin: 450 f355 → 267 f359, sumennus kasvaa 3,5 px:ään. Filmi päättyy kesken kutistumisen.

1. Yksi HTML sivu, 1080x1080, piirretty seek(t):llä puhtaasti kehysnumeron funktiona. Ei CSS siirtymiä, ei ajastimia, ei Math.random-funktioita (vain siemenillä varustetut tiivisteet). Laukaukset rekisteröityvät muodossa {f0, f1, render(localFrame)}.
2. Jokainen arvo on jatkuva ruutunumerossa (59.94-master renderöi puolikkaat ruudut): animoi avainruututaulukoilla kf(frame, [[f, value],...], ease) ja ruutukohtaisilla hakutaulukoilla lineaarisella interpoloinnilla. Ei Math.floor-funktiota liikkeessä.
3. Sumennus: CSS suodattimen sumennus pyöreälle sumennukselle, SVG feGaussian-sumennus erillisellä x/y-keskihajonta-arvolla suuntasumennukselle. Zoomaussumennuksen kuva päätykortissa = 20–30 skaalattua, haalistunutta kopiota sanasta. Huurrettu lasi = sumennettu, vaalennettu kopio takana olevasta, kiinnitettynä muotoon.
4. Cursor: yksi SVG macOS -nuoli (musta täyttö, valkoinen ääriviiva, pehmeä varjostus) pyörimisellä ja skaalauksella, käytetty uudelleen S1:ssä, S3:ssa ja S4:ssä.
5. Ääni (ei laulua), tasan 12,075 s: musiikkia 124 BPM ssä, pehmeä intro, pudotus kohdassa 2,47 s (isku 5, f72-leikkaus johtaa sitä kahdella kehyksellä). Syntetisoitu ääniefekti: pehmeä isku 0,10 s; suhinaa, joka huipentuu leikkauskohdissa 2,402, 3,370, 5,305, 10,043 s; siirtymät osuvat tasan kohdissa 6,240 s ja 8,175 s; naksahduksia kohdissa 2,33 ja 3,83 s; erittäin hiljaisia koskettimien tikityksiä ~32 ms välein ajalla 4,04–5,00 s; pehmeä hohde 10,05 s:ssä. Masterointi −14 LUFS:ään, todellinen huippu −1 dBTP, ei häivytystä viimeisiä 60 ms lukuun ottamatta.
6. Renderöi Playwright (yksi kuvakaappaus kehystä kohden, fontit latautuvat ensin), koodaus H.264 yuv420p tarkkuudella 60000/1001, muksaa ääni.

Mittaa teksti vasta fonttien latautumisen jälkeen. Pitkä tuotteen nimi ei mahdu paikkaan, johon viisikirjaiminen nimi mahdutti: skaalaa koko lukitus (levyväli, nimi, pilleri) sopimaan välille x474–1063 äläkä anna pillerin pudota kuvasta. Valkoinen kiertorata katoaa valkoisella sivulla ilman yhden pikselin reunaa ja himmeää varjoa. Älä laita kuvia, joissa on oma teksti, S6-korttien sisälle, tai lasinen otsikko kaksinkertaistuu. Pidä leikkauskehykset tarkoina, vaikka ne eivät olisikaan tahdissa. Mikään ei jähmety paitsi S7 f269–287. Raskaat sumennustaulukot voivat pyyhkiä muodon kokonaan pois: jos kehys näyttää tyhjältä, vähennä sumennusta, kunnes muoto on edelleen luettavissa.

Kysy minulta syötteitä. Näytä sitten minulle neljä still-kuvaa (f40-näppäin ikkunassa, f86-kuvake risti, f150-kehote valmis, f230-kaksi korttia) ennen kuin renderöit koko elokuvan.

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.

Kehote otettu osoitteesta lähettää @notdwd.