Configuració: Vídeo de llançament fotograma a fotograma

Demana'm: el nom del meu producte, un logotip (o deixa'm dibuixar una marca simple), la cosa d'una sola línia que un usuari escriu al quadre de sol·licitud, la pàgina que hi respon (títol + 2-3 frases amb una frase clau), dos noms de funcions per a les targetes apilades i una pista de música. Si me'n salto alguna, utilitzo els valors per defecte: el producte "Fotograma a fotograma" que viu dins del seu centre Whop, una marca de visor (quatre claudàtors de cantonada al voltant d'un "FF" en negreta), la sol·licitud "Crea un vídeo de llançament per a la meva aplicació", una pàgina de lliçó titulada "2.1 Tria una referència", les targetes "Llançament" i "So", i la pista house gratuïta de Mixkit "Rising Forest" alentida a 124 BPM.

Una imatge quadrada de producte de 12 segons, 1080x1080, números de fotograma a 29,97 fps (f0–f359), renderització màster a 59,94 fps. Sensació de presentació d'Apple: suau, blanc, blau brillant, vidriosa. La càmera mai es talla en un fotograma quiet: cada presa entra ja en moviment (alleujament exponencial, 12–19% de la distància restant per fotograma) i surt en un moviment accelerat o una rampa de desenfoque. El desenfoque segueix la velocitat i la direcció en cada moviment.
Paleta: pàgina #FDFDFB, boira #B7CFEB, gel #E6F0FA, blau intens #294376 → #769CC2 degradat de cel, blau marí #1E2F52, blaus d'accent #2F6BFF / #3CC8F0 / menta #4ED6A0, blanc. Tipus: Inter (400/500/600/700). No hi ha porpra, violeta, magenta ni taronja enlloc.
Història: la capçalera del producte sorgeix d'una boirina blava dins d'una finestra d'aplicació lluminosa → un cursor s'hi llisca, es gira per mirar cap a on va, creix en passar el cursor per sobre i fa clic al logotip → tall dur a la música, solta a la icona de l'aplicació amb quatre quadrats que orbiten en una creu → la icona es col·lapsa en una barra de menú de Mac → el cursor fa clic a la icona de la barra de menú, apareix un quadre de sol·licitud de vidre esmerilat i el sol·licitud escriu → s'inclina cap amunt a través d'un flaix blau clar a la pàgina de resposta desplaçant-se fins al seu lloc → una targeta s'aixeca a sobre → es dissol desdibuixada en dues targetes apilades amb títols gegants de vidre esmerilat → es dissol desdibuixada en el disc del logotip únic → tall dur a una targeta negra al final amb una marca denominativa brillant.
Prohibits: crossfades, fotogrames congelats (excepte un que es manté a l'S7), kits d'IU d'estoc, resplendor al text de l'IU, Math.random, qualsevol cosa que sembli una plantilla.

Les coordenades són px a l'escenari 1080. El ritme musical k = 0,048 + 0,4838·ks (124 BPM, un ritme = 14,5 fotogrames). Els tres talls fixos f72, f101, f159 aterren 2 fotogrames abans d'un ritme: manteniu aquests fotogrames exactes.
S1 f0–71, capçalera + finestra + clic: boira #B7CFEB que s'esvaeix a #FDFDFB per f28, es manté una resplendor blava al terra #DBEEFD a la part inferior. Capçalera en una línia: disc del logotip ⌀132 (#FBFCFE, vora d'1px #E8E8EA, marca fosca), el nom del producte (Inter 500), una píndola càpsula fosca "a Whop" (#2F2E2F, text blanc); tot el bloqueig abasta x474–1063, la línia central puja y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), desplaçant-se 1 px/fotograma després. El nom apareix f2 borrós, la píndola f4–5 molt borrosa i lliscant 15 px cap a l'esquerra a mesura que augmenta l'enfocament. Una finestra central de llum (radi 93, farciment #FCFDFF, banda superior #F1F6FF, resplendor blava al terra interior) s'esvaeix al seu voltant: opacitat de 0 a f14, 0,53 f15, 0,7 f19, 1,0 f24; cantonada superior esquerra (408,405), s'estén per la dreta i la part inferior. A l'interior: una píndola de cerca a la banda superior, una columna d'icones esquerra (icona de cursos a (537,739), icona de xat esvaïda a (537,900)) i una targeta de curs de (764,700) fora del fotograma amb la seva imatge de portada, títol i "Curs · 8 lliçons". Cursor (fletxa negra de macOS, contorn blanc, 32x39) apareix f27 a (891,393), llisca cap a l'esquerra desaccelerant fins a (770,383) f44, gira per apuntar cap avall a l'esquerra f47–51 mentre s'enfonsa, aterra a la part inferior dreta del disc (629,564) f56 → (587,546) f59 → (555,531) f71; creix ×1,55 en volar des de f56; un anell de gel tou (#D5F3FF → #F7FEFF, exterior ⌀174) s'il·lumina al voltant del disc des de f53. La càmera fa un zoom al voltant de (540,540): 1,0 f46 → 1,2 f60 disminució de l'ampliació, manté premut f61 i després disminueix l'ampliació accelerant fins a 1,04 a f71 mentre el cursor prem (es redueix un 15% f69–71).
S2 f72–100, icona + òrbita: icona de l'aplicació Squircle blau marí (#294376 → #1E2F52, marca blanca), 276 px a f72, reduint-se fins a 178 px per f86, radi 28% de l'amplada, en un disc d'halo gris #E9E9E7 creixent ⌀240 (f75) → 326 (f86). Quatre quadrats de 92 px (radi 26) giren en sentit antihorari, desaccelerant i bloquejant-se en una creu al radi de l'òrbita ≈216 per f86: blanc (1px #E3E8EF vora + ombra tènue) a l'esquerra, #2F6BFF a dalt, #3CC8F0 a la dreta, #4ED6A0 a baix. f88–100: la icona es redueix accelerant fins a ≈40 px, els quadrats llisquen en una fila a la seva dreta (el blanc es llisca darrere de la icona), el desenfocament augmenta de 0,3 a 6 px.
S3 f101–158, barra de menú + indicació: pàgina blanca a sobre d'una banda de bisell negra per a un ordinador portàtil (y425–475, ressaltat superior #686866), una barra de menú blau marí fosc (y477–538), fons de pantalla a sota = el degradat de cel blau amb línies blanques primes (un cercle gran, dues línies horitzontals, una vertical, una brillantor de quatre punts en un encreuament, una brillantor suau de color turquesa a la part superior dreta). Grup dret de la barra de menú en blanc: Wi-Fi, bateria, interruptors, la marca del producte a x531–584, tres punts ⌀36 #2F6BFF / #3CC8F0 / #4ED6A0 a x612, 661, 709, "dl. 22 de juny 9:41 AM" 34 px. Introdueix borrós 3 px i s'estableix en f110. Cursor puja des de baix (f102), s'assenta a la marca, prem f113–117. La càmera fa panoràmiques a la dreta +125 px f115–130 (f118–120 més ràpid). Una caixa de vidre esmerilat (vidre blanc-blau sobre el cel, vora superior brillant, radi 60) surt de sota la marca f116: l'amplada arriba als màxims de 744 a f126 i s'assenta a 726x228 per f138 al voltant de x196–922, y568–797. L'indicador escriu de f121 (primer "Crea" llegible) a f150 (complet) a aproximadament 1 caràcter/fotograma amb una retenció d'1 fotograma cada 2–3 caràcters; el circumflex sempre està activat; tres icones de contorn blanc a la part inferior; botó d'enviament #2F6BFF ⌀51 amb una fletxa blanca cap amunt. Des de f136, tota l'escena deriva cap amunt, accelerant-se en un moviment de fuet inclinat (f158 movent-se ≈25 px/fotograma, desenfocament vertical ≈6–8 px) mentre la pàgina es tenyeix #E6F4FE sobre f154–158.
S4 f159–186, pàgina de respostes: una pàgina de lliçó d'un curs lleuger (motlla de navegació, títol, cos): columna de text x120, cos 47 px Inter 400 gris #BCBCBA, pas de línia 58, una frase clau ("fotograma per fotograma") en negre 600. Arriba tacada i 420 px baixa, es desplaça cap amunt amb desplaçaments de 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), i després s'allunya -6 px per f186. Desenfocament 24 px (f159) → 1.5 (f165) → 0. Flaix #E2F4FE que s'esvaeix a #FDFDFB per f165. Un cursor que apunta cap amunt recorre el desplaçament i s'atura sota la frase clau (≈(450,591) f180) i després es desplaça a la dreta.
S5 f187–214, targeta: una targeta blanca (x203–878, surt de la part inferior) s'eleva sobre la pàgina: imatge de portada 627x536 inserida 24 px, radi 64, una barra d'agafada de llum a la part superior central, peu de foto en seminegreta 38 px negre, subpès foto gris 23 px. Part superior de la portada y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), i després continua pujant ~4 px/fotograma. El desenfocament de la targeta arriba al màxim de 3,8 px a f189, nítid per f201; la pàgina que hi ha darrere es desdibuixa fins a ≈2,5 px. Surt de f207–214: la targeta es contrau ~5% i puja mentre que tot el fotograma es desdibuixa 1 → 7 px; tall al pic de desenfocament.
S6 f215–244, dues targetes: pàgina blanca, dues targetes apilades de 538x348 (radi 57, espai 36) centrades a x540, la targeta superior s'assentava a y168 per f230, la inferior a y552. Cadascuna: portada (sense text incrustat), una píndola glaçada a la part superior esquerra ("Mòdul 3" / "Mòdul 5"), una "•••" rodona glaçada a la part superior dreta i un títol enorme en negreta a la vora inferior fet de vidre glaçat (una còpia borrosa i il·luminada de la imatge retallada a les lletres, tallada per la vora inferior de la targeta): "Llançament" i "So". Totes dues entren borroses a 12 px i nítides a f224; la targeta superior entra amb un 8% de mida i puja des de y264; la targeta inferior puja des de y927, trontollant darrere. Pugen 3 px/fotograma f230–238, després acceleren i desapareixen borroses al tall.
S7 f245–300, disc del logotip: pàgina #FDFDFB, disc ⌀168 #F6F6F6 amb la marca fosca, s'eleva cap al centre (part superior y569 f245 → 491 f250 → 468 f255 → 456 f269) amb una taca vertical al marc tallat, es manté quieta f269–287 (l'únic tram congelat), després es contrau accelerant fins a ⌀123 a f300.
S8 f301–359, targeta final: fons radial negre (cantonades #020204, ≈#272729 al voltant de la paraula), la marca denominativa a Inter 600, blanc #F3F3F5 amb una brillantor densa més un halo suau i ample, centrat (540,540). Amplada de la paraula: ≈1650 px f301 (tacada horitzontalment, ratlles de zoom) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/fotograma de reducció) → 492 f350, després es contrau amb facilitat d'entrada: 450 f355 → 267 f359 amb un desenfocament que augmenta fins a 3,5 px. La pel·lícula acaba a mig col·lapse.

1. Una pàgina HTML, 1080x1080, dibuixada per seek(t) com a funció pura del número de fotograma. Sense transicions CSS, sense temporitzadors, sense Math.random (només hashes amb sembra). Les imatges es registren com a {f0, f1, render(localFrame)}.
2. Cada valor és continu en el número de fotograma (el màster 59.94 renderitza mitges imatges): anima amb taules de fotograma clau kf(fotograma, [[f, valor],...], ease) i taules de cerca per fotograma amb interpolació lineal. No hi ha Math.floor en moviment.
3. Desenfocament: Filtre de desenfocament CSS per a un desenfocament rodó, SVG feGaussianBlur amb stdDeviation x/y separada per a taques direccionals. Taca de zoom a la targeta final = 20–30 còpies escalades i descolorides de la paraula. Vidre glaçat = una còpia borrosa i il·luminada del que hi ha darrere, retallada a la forma.
4. Cursor: una fletxa SVG de macOS (farciment negre, contorn blanc, ombra suau) amb rotació i escala, reutilitzada a S1, S3, S4.
5. So (sense veu), exactament 12,075 s: música a 124 BPM, intro suau, la baixada a 2,47 s (temps 5, el tall a f72 l'avança per 2 fotogrames). SFX sintetitzats: impacte suau 0,10 s; xiulets amb pics als talls 2,402, 3,370, 5,305, 10,043 s; transició exacta als 6,240 s i 8,175 s; clics a 2,33 i 3,83 s; tics de tecla molt suaus cada ~32 ms durant 4,04–5,00 s; una brillantor suau a 10,05 s. Masteritzat a -14 LUFS, pic veritable -1 dBTP, sense esvaïment excepte els darrers 60 ms.
6. Renderitzar amb Playwright (una captura de pantalla per fotograma, les fonts es carreguen primer), codificar H.264 yuv420p a 60000/1001, multiplexar l'àudio.

Mesureu el text només després que es carreguin les fonts. Un nom de producte llarg no encaixarà on encaixava un nom de 5 lletres: escaleu tot el bloqueig (espai del disc, nom, píndola) per ajustar-lo a l'extensió x474–1063, no deixeu que la píndola caigui fora del fotograma. Un quadrat d'òrbita blanc desapareix a la pàgina blanca sense una vora d'1 px i una ombra tènue. No poseu imatges amb el seu propi text dins de les targetes S6, o el títol de vidre es duplica. Mantingueu els fotogrames tallats exactes fins i tot on no estiguin asseguts en un ritme. Res es congela excepte S7 f269–287. Les taules de desenfocament intens poden esborrar una forma completament: si un fotograma sembla buit, reduïu el desenfocament fins que la forma encara es llegeixi.

Demana'm les entrades. Després, mostra'm 4 imatges fixes (f40 capçalera a la finestra, f86 icona de creu, f150 indicació d'acabat, f230 les dues targetes) abans de renderitzar la pel·lícula completa.

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.

Indicació extreta de publicació @notdwd.