Spouštěcí video snímek po snímku

Zeptejte se mě na: název mého produktu, logo (nebo nakreslení jednoduché značky), jednořádkový text, který uživatel zadá do výzvy, stránku, která na něj odpoví (titulek + 2–3 věty s jednou klíčovou frází), dva názvy funkcí pro naskládané karty a hudební skladbu. Pokud některou z nich přeskočím, použijí se výchozí hodnoty: produkt „Frame by Frame“ v jeho centru Whop, značka v hledáčku (čtyři rohové závorky kolem tučného „FF“), výzva „Vytvořit úvodní video pro mou aplikaci“, stránka s lekcí s názvem „2.1 Vyberte referenci“, karty „Spuštění“ a „Zvuk“ a bezplatná house skladba „Rising Forest“ od Mixkitu zpomalená na 124 BPM.

12sekundový čtvercový produktový sting, 1080x1080, počet snímků při 29,97 fps (f0–f359), master renderován při 59,94 fps. Pocit Apple Keynote: jemný, bílý, jasně modrý, hladký. Kamera nikdy nestřihá statický záběr: každý záběr vstupuje již v pohybu (exponenciální eace-out, 12–19 % zbývající vzdálenosti na snímek) a opouští se zrychlujícím pohybem nebo náběhem rozmazání. Rozmazání sleduje rychlost a směr každého pohybu.
Paleta: stránka #FDFDFB, opar #B7CFEB, ledová #E6F0FA, tmavě modrá #294376 → #769CC2 nebesky gradientní, tmavě modrá #1E2F52, akcentní modrá #2F6BFF / #3CC8F0 / mátově červená #4ED6A0, bílá. Typ: Inter (400/500/600/700). Žádná fialová, fialová, purpurová ani oranžová nikde.
Příběh: záhlaví produktu se vynoří z modrého oparu uvnitř světlého okna aplikace → kurzor se vklouzne dovnitř, otočí se směrem, kam směřuje, při najetí myší se zvětší a klikne na logo → ostrý střih na hudebním přetažení na ikonu aplikace se čtyřmi čtverečky obíhajícími do kříže → ikona se sbalí do lišty nabídky Mac → kurzor klikne na ikonu lišty nabídky, objeví se okno s výzvou z matného skla a výzva se napíše → prudce se nakloní nahoru skrz světle modrý záblesk na stránku s odpověďmi, která se posouvá na své místo → nad ní se zvedne karta → rozmazání a rozplynutí na dvě naskládané karty s obřími názvy z matného skla → rozmazání a rozplynutí na osamělý disk s logem → ostrý střih na černou koncovou kartu se zářícím slovem.
Zakázáno: prolínání, zmrazené snímky (kromě jednoho zadrženého v S7), standardní UI sady, záře na textu UI, Math.random, cokoli, co vypadá jako šablona.

Souřadnice jsou px na scéně 1080. Hudební doba k = 0,048 + 0,4838·ks (124 BPM, jedna doba = 14,5 snímků). Tři tvrdé střihy f72, f101, f159 přistávají 2 snímky před dobou: ponechte přesně tyto snímky.
S1 f0–71, záhlaví + okno + kliknutí: opar #B7CFEB přecházející do #FDFDFB při f28, dole ponechává modrou záři podlahy #DBEEFD. Záhlaví na jednom řádku: disk s logem ⌀132 (#FBFCFE, 1px okraj #E8E8EA, tmavá značka), název produktu (Inter 500), tmavá kapsle pilulky „na Whopu“ (#2F2E2F, bílý text); celé uzavření se rozprostírá v rozsahu x474–1063, středová čára stoupá v ose y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), posouvá se o 1 px/snímek dále. Název se jeví rozmazaný v ose f2, pilulka v ose f4–5 silně rozmazaná a při zaostřování se posouvá o 15 px doleva. Kolem něj se objevuje okno se světelným centrem (poloměr 93, výplň #FCFDFF, horní pás #F1F6FF, modrá vnitřní záře podlahy): krytí 0 až f14, 0,53 f15, 0,7 f19, 1,0 f24; levý horní roh (408 405), rozprostírá se vpravo a dole. Uvnitř: vyhledávací pilulka v horním pásu, levý sloupec ikon (ikona kurzů na (537 739), vybledlá ikona chatu na (537 900)) a karta kurzu z (764 700) mimo záběr s obrázkem obálky, názvem a textem „Kurz · 8 lekcí“. Cursor (černá šipka macOS, bílý obrys, 32x39) se objeví na f27 v bodě (891 393), klouže doleva a zpomaluje na (770 383) f44, otáčí se a ukazuje doleva dolů f47–51 při střemhlavém pádu, přistane v pravém dolním rohu disku (629 564) f56 → (587 546) f59 → (555 531) f71; při najetí myší od f56 se zvětší o ×1,55; kolem disku od f53 se rozsvítí měkký ledový prstenec (#D5F3FF → #F7FEFF, vnější ⌀174). Kamera se přiblíží přibližně na (540 540): 1,0 f46 → 1,2 f60 postupné zrychlování, podrží f61, poté postupně zrychlí na 1,04 v bodě f71, zatímco kurzor drží stisknutý (zmenší se o 15 % f69–71).
S2 f72–100, ikona + oběžná dráha: ikona aplikace námořnická veverka (#294376 → #1E2F52, bílá značka), 276 px při f72 zmenšující se postupné zmenšování na 178 px krát f86, poloměr 28 % šířky, na šedém halo disku #E9E9E7 zvětšujícím se o ⌀240 (f75) → 326 (f86). Čtyři čtverce o velikosti 92 px (poloměr 26) se otáčejí proti směru hodinových ručiček, zpomalují a zablokují se do kříže při poloměru oběžné dráhy ≈216 krát f86: bílá (1px #E3E8EF okraj + slabý stín) vlevo, #2F6BFF nahoře, #3CC8F0 vpravo, #4ED6A0 dole. f88–100: ikona se zmenšuje zrychleně na ≈40 px, čtverce se zasouvají do řady napravo od ní (bílá se zasouvá za ikonu), rozostření se zvětšuje z 0,3 na 6 px.
S3 f101–158, lišta nabídek + výzva: bílá stránka nad černým rámečkem notebooku (y425–475, horní zvýraznění #686866), tmavě modrá lišta nabídek (y477–538), tapeta dole = modrý gradient oblohy s tenkou bílou linkovou grafikou (jeden velký kruh, dvě vodorovné čáry, jedna svislá, čtyřbodový třpyt na křižovatce, jemná tyrkysová záře vpravo nahoře). Lišta nabídek vpravo v bílé: Wi-Fi, baterie, přepínače, značka produktu na x531–584, tři ⌀36 tečky #2F6BFF / #3CC8F0 / #4ED6A0 na x612, 661, 709, „Po 22. června 9:41“ 34 px. Rozmazání 3 px a ustálení při f110. Cursor se zvedne zespodu (f102), usadí se na značce, stiskne f113–117. Kamera posouvá obsah doprava o +125 px f115–130 (nejrychlejší f118–120). Zpod značky f116 se vynořuje matná skleněná krabice (bílomodré sklo nad oblohou, jasný horní okraj, poloměr 60): šířka dosahuje vrcholu 744 na f126 a ustálí se na 726x228 krát f138 přibližně na x196–922, y568–797. Výzva se zadává od f121 (první čitelné „Make“) do f150 (hotové) při přibližně 1 znaku/snímek s pozastavením 1 snímku každé 2–3 znaky; stříška je vždy zapnutá; tři bílé obrysové ikony ve spodní části; tlačítko odeslat #2F6BFF ⌀51 s bílou šipkou nahoru. Od clony f136 se celá scéna zvedá a zrychluje do náklonu (clona f158 se pohybuje ≈25 px/snímek, vertikální rozmazání ≈6–8 px), zatímco stránka se nad clonami f154–158 zbarví do barvy #E6F4FE.
S4 f159–186, stránka s odpověďmi: stránka s lekcí lehkého kurzu (drobečková navigace, název, tělo): sloupec textu x120, tělo 47 px Inter 400 šedá #BCBCBA, rozteč řádků 58, jedna klíčová fráze („rámeček po snímku“) černou 600. Zobrazení je rozmazané a nízké 420 px, posouvá se nahoru s odsazením 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), poté se posouvá o −6 px po f186. Rozmazání 24 px (f159) → 1,5 (f165) → 0. Blesk #E2F4FE s postupným přechodem do #FDFDFB po f165. Kurzor směřující přímo nahoru se pohybuje po rolovací liště a zastaví se pod klíčovou frází (≈(450 591) f180) a poté se posune doprava.
S5 f187–214, karta: bílá karta (x203–878, sahá od spodní části) se zvedá nad stránku: obrázek na obálce 627x536 vložený 24 px, poloměr 64, světlý úchyt v horní části uprostřed, popisek polotučný 38 px černý, podpopisek šedý 23 px. Horní část obálky y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), poté se stále posouvá nahoru o ~4 px/snímek. Rozmazání karty vrcholí 3,8 px při f189, ostré při f201; stránka za ní se rozmazává na ≈2,5 px. Ukončení f207–214: karta se zmenší o ~5 % a zvedne se, zatímco celý snímek se rozmaže o 1 → 7 px; oříznutí v místě vrcholu rozmazání.
S6 f215–244, dvě karty: bílá stránka, dvě naskládané karty 538x348 (poloměr 57, mezera 36) centrované na x540, horní karta se usazuje na y168 krát f230, spodní na y552. Každá: obal (bez vpečeného textu), matná pilulka vlevo nahoře („Modul 3“ / „Modul 5“), matný kulatý symbol „•••“ vpravo nahoře a obrovský tučný název podél spodního okraje z matného skla (rozmazaná, zesvětlená kopie obrázku oříznutá k písmenům, oříznutá spodním okrajem karty): „Spuštění“ a „Zvuk“. Obě karty jsou rozmazané 12 px a ostré při f224; horní karta má velikost 8 % a vychází z y264; spodní karta vychází z y927, je za ní střídavě zařazena. Posunou se o 3 px/snímek výše o f230–238, poté zrychlí a rozmažou se v záběru.
S7 f245–300, disk s logem: strana #FDFDFB, disk ⌀168 #F6F6F6 s tmavou značkou, stoupá do středu (horní y569 f245 → 491 f250 → 468 f255 → 456 f269) se svislým šmouhem na řezaném rámečku, drží se na místě f269–287 (jediný zmrazený úsek), poté se při f300 zrychluje na ⌀123.
S8 f301–359, koncová karta: černé radiální pozadí (#020204 rohy, ≈#272729 kolem slova), slovní značka v Inter 600, bílá #F3F3F5 s hustou září a širokým měkkým svatozářem, vycentrováno (540,540). Šířka slova: ≈1650 px f301 (vodorovně rozmazané, zoom pruhy) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/snímek zmenšení) → 492 f350, poté se sbalí náběh: 450 f355 → 267 f359 s rozostřením stoupajícím na 3,5 px. Film končí uprostřed sbalení.

1. Jedna HTML stránka, 1080x1080, vykreslená funkcí seek(t) jako čistá funkce čísla snímku. Žádné CSS přechody, žádné časovače, žádný Math.random (pouze hashe s nasazenými hodnotami). Snímky se registrují jako {f0, f1, render(localFrame)}.
2. Každá hodnota je spojitá v čísle snímku (master 59.94 vykresluje poloviční snímky): animace s tabulkami klíčových snímků kf(frame, [[f, value],...], ease) a vyhledávacími tabulkami pro jednotlivé snímky s lineární interpolací. Žádné Math.floor při pohybu.
3. Rozmazání: CSS filtr Rozmazání pro kruhové rozmazání, SVG feGaussianBlur se samostatnou x/y stdDeviation pro směrové rozmazání. Rozmazání při přiblížení na koncové kartě = 20–30násobně zmenšené, vybledlé kopie slova. Mléčné sklo = rozmazaná, zesvětlená kopie toho, co je za ní, oříznutá k tvaru.
4. Cursor: jedna SVG šipka v macOS (černá výplň, bílý obrys, měkký stín) s rotací a změnou měřítka, znovu použitá v S1, S3, S4.
5. Zvuk (bez hlasu), přesně 12,075 s: hudba při 124 BPM, jemné intro, pokles v 2,47 s (5. doba, f72 se odvíjí o 2 snímky níže). Syntetizovaný SFX: jemný dopad 0,10 s; svištění vrcholící v řezech 2,402, 3,370, 5,305, 10,043 s; přechody dopadají přesně v 6,240 s a 8,175 s; klikání v 2,33 a 3,83 s; velmi tiché tikání kláves každých ~32 ms po dobu 4,04–5,00 s; jemný chvění v 10,05 s. Master do −14 LUFS, skutečný vrchol −1 dBTP, žádné prolínání kromě posledních 60 ms.
6. Renderujte v Playwright (jeden snímek obrazovky na snímek, fonty se načtou jako první), kódujte H.264 yuv420p s rozlišením 60000/1001, multiplexujte zvuk.

Text změřte až po načtení písem. Dlouhý název produktu se nevejde tam, kam se vešel pětipísmenný: upravte velikost celého uzamčení (mezera disku, název, pilulka) tak, aby se vešel do rozsahu x474–1063, nenechte pilulku vypadnout z rámečku. Bílý čtvereček orbity zmizí na bílé stránce bez 1px okraje a slabého stínu. Do karet S6 nevkládejte obrázky s vlastním textem, jinak se skleněný název zdvojí. Udržujte oříznuté rámečky přesné, i když nesedí na rytmu. Nic se nezamrzne kromě S7 f269–287. Silné rozmazání tabulek může tvar úplně vymazat: pokud rámeček vypadá prázdný, snižte rozmazání, dokud tvar nebude stále čitelný.

Zeptej se mě na vstupy. Pak mi ukaž 4 statické snímky (f40 záhlaví v okně, f86 ikona křížku, f150 výzva k dokončení, f230 obě karty), než vyrendruješ celý film.

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.

Výzva převzata z zveřejnit @notdwd.