Oppsett: Sammenligning av nyinnspilling av videoer

Spør meg om: produktnavnet mitt, en logo (eller la deg tegne et enkelt merke), merkevarens farger (eller hente dem fra logoen min), den ene linjen en bruker skriver inn i ledetekstboksen, siden som svarer (tittel + 2–3 setninger med ett nøkkelord), to navn på funksjoner for de stablede kortene og et musikkspor. Hvis jeg hopper over noen, bruker jeg standardinnstillingene: produktet "Bilde for bilde" som ligger i Whop-huben, et søkermerke (fire hjørneparenteser rundt en fet skrift "FF"), ledeteksten "Lag en lanseringsvideo for appen min", en leksjonsside med tittelen "2.1 Velg en referanse", kortene "Lansering" og "Lyd", og Mixkits gratis house-spor "Rising Forest" bremset ned til 124 BPM.

En 12 sekunders firkantet produktbilde, 1080x1080, bildetall ved 29,97 fps (f0–f359), masterrendering ved 59,94 fps. Apple-keynote-følelse: myk, hvit, lys blå, glassaktig. Kameraet klipper aldri på et stillbilde: hvert bilde går inn i et bilde som allerede er i bevegelse (eksponentiell utglidning, 12–19 % av den gjenværende avstanden per bilde) og forlater bildet i en akselererende bevegelse eller en uskarphetsrampe. Uskarpheten følger hastighet og retning i hver bevegelse.
Palett: merkevarefargene mine er mappet på disse rollene. Hvis jeg ikke oppgir noen, bruk side #FDFDFB, dis #B7CFEB, is #E6F0FA, dypblå #294376 → #769CC2 himmelgradient, marineblå #1E2F52, aksentblå #2F6BFF / #3CC8F0 / mint #4ED6A0, hvit. Type: Inter (400/500/600/700). Ingen lilla, fiolett, magenta eller oransje noe sted.
Historie: Produktoverskriften stiger opp fra en blå dis i et lyst appvindu → en markør glir inn, snur seg for å vende seg mot dit den skal, vokser når du holder musepekeren over den og klikker på logoen → klipper hardt ut på musikken, faller til appikonet med fire firkanter som kretser om et kryss → ikonet kollapser til en Mac-menylinje → markøren klikker på menylinjeikonet, en frostet glassboks springer ut, og ledeteksten skriver → vipper opp gjennom et lyseblått blink inn på svarsiden som ruller på plass → et kort stiger over det → løses opp til to stablede kort med gigantiske titler i frostet glass → løses opp til den ensomme logo-disken → klippes hardt ut til et svart endekort med et glødende ordmerke.
Utestengt: krysstoning, frosne rammer (unntatt én hold i S7), standard UI-sett, glød på UI-tekst, Math.random, alt som ser ut som en mal.

Koordinatene er piksler på 1080-scenen. Musikkslag k = 0,048 + 0,4838·ks (124 BPM, ett slag = 14,5 bilder). De tre harde kuttene f72, f101, f159 lander 2 bilder før et slag: behold nøyaktig disse bildene.
S1 f0–71, topptekst + vindu + klikk: dis #B7CFEB falmer til #FDFDFB ved f28, behold en blå gulvglød #DBEEFD nederst. Topptekst på én linje: logoplate ⌀132 (#FBFCFE, 1px kant #E8E8EA, mørkt merke), produktnavnet (Inter 500), en mørk kapselpille "på Whop" (#2F2E2F, hvit tekst); hele opplåsningen spenner over x474–1063, senterlinjen stiger y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), driver 1 px/ramme etter. Navnet vises f2 uskarpt, pillen f4–5 sterkt uskarp og glir 15 px til venstre når den skjerpes. Et lyst hub-vindu (radius 93, fyll #FCFDFF, øvre bånd #F1F6FF, blå indre gulvglød) toner inn rundt det: opasitet 0 til f14, 0,53 f15, 0,7 f19, 1,0 f24; øvre venstre hjørne (408, 405), går av til høyre og nedre. Inni: en søkepille i øvre bånd, en venstre ikonkolonne (Kurs-ikon ved (537, 739), falmet Chat-ikon ved (537, 900)), og et kurskort fra (764, 700) utenfor rammen med forsidebilde, tittel og "Kurs · 8 leksjoner". Cursor (svart macOS-pil, hvit omriss, 32x39) vises f27 ved (891, 393), glir til venstre og bremser ned til (770, 383) f44, roterer for å peke nedover til venstre f47–51 mens den dykker, lander nederst til høyre på skiven (629, 564) f56 → (587, 546) f59 → (555, 531) f71; vokser ×1,55 når den holdes over fra f56; en myk isring (#D5F3FF → #F7FEFF, ytre ⌀174) lyser rundt skiven fra f53. Kameraet zoomer omtrent (540, 540): 1,0 f46 → 1,2 f60 lettelse inn og ut, holder f61, lettelse ut og akselererer til 1,04 ved f71 mens markøren trykker (krymper 15 % f69–71).
S2 f72–100, ikon + bane: marineblått sirkel-appikon (#294376 → #1E2F52, hvitt merke), 276 piksler ved f72 som krymper utvidelse til 178 piksler ganger f86, radius 28 % av bredden, på en grå halo-skive #E9E9E7 som vokser ⌀240 (f75) → 326 (f86). Fire 92 pikslers firkanter (radius 26) spinner mot klokken, bremser opp og låser seg i et kryss ved baneradius ≈216 ganger f86: hvit (1 piksel #E3E8EF kant + svak skygge) til venstre, #2F6BFF øverst, #3CC8F0 høyre, #4ED6A0 nederst. f88–100: ikonet krymper akselererende til ≈40 piksler, rutene glir inn i en rad til høyre (hvitt glir bak ikonet), uskarpheten øker 0,3 → 6 piksler.
S3 f101–158, menylinje + prompt: hvit side over et svart laptop-rammebånd (y425–475, øverste markering #686866), en mørk marineblå menylinje (y477–538), bakgrunnsbilde nedenfor = blå himmelgradient med tynn hvit linjekunst (én stor sirkel, to horisontale linjer, én vertikal, en firepunktsglitter ved et kryss, myk blågrønn glød øverst til høyre). Høyre klynge i menylinjen i hvitt: Wi-Fi, batteri, brytere, produktmerket ved x531–584, tre ⌀36-prikker #2F6BFF / #3CC8F0 / #4ED6A0 ved x612, 661, 709, "man 22. juni 09:41" 34 piksler. Går inn i uskarpt 3 piksler og stabiliserer seg ved f110. Cursor heves nedenfra (f102), setter seg på merket, trykker f113–117. Kameraet panorerer innholdet til høyre +125 piksler f115–130 (raskest f118–120). En frostet glassboks (hvittblått glass over himmelen, lys øvre kant, radius 60) springer ut under merket f116: bredden når toppen 744 ved f126 og legger seg til 726x228 ganger f138 rundt x196–922, y568–797. Ledeteksten skriver fra f121 (første lesbare "Lag") til f150 (fullfør) ved omtrent 1 tegn/ramme med 1-ramme-holding hvert 2.–3. tegn; cirkumflekstegnet alltid på; tre hvite konturikoner langs bunnen; send-knapp #2F6BFF ⌀51 med en hvit pil oppover. Fra f136 driver hele scenen oppover, og akselererer til en whip-tilt (f158 beveger seg ≈25 piksler/bilde, vertikal uskarphet ≈6–8 piksler) mens siden farges #E6F4FE over f154–158.
S4 f159–186, svarside: en lett leksjonsside (brødsmuler, tittel, brødtekst): tekstkolonne x120, brødtekst 47 piksler Inter 400 grå #BCBCBA, linjeavstand 58, én nøkkelfrase ("ramme for ramme") i svart 600. Den ankommer utsmurt og 420 piksler lav, ruller opp med forskyvninger 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), kryper deretter −6 piksler med f186. Uskarphet 24 piksler (f159) → 1,5 (f165) → 0. Flash #E2F4FE fades til #FDFDFB med f165. En markør som peker rett opp, beveger seg over rullebladet og stopper under nøkkelfrasen (≈(450,591) f180), før den beveger seg til høyre.
S5 f187–214, kort: et hvitt kort (x203–878, går av bunnen) stiger over siden: forsidebilde 627x536 innfelt 24 piksler, radius 64, en lys gripelinje øverst i midten, tekst i halvfet skrift 38 piksler svart, undertekst i grå 23 piksler. Forside øverst y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), og fortsetter deretter å drive opp ~4 piksler/bilde. Kortuskarphet når en topp på 3,8 piksler ved f189, skarpt ved f201; siden bak blir uskarp til ≈2,5 piksler. Avslutt f207–214: kortet krymper ~5 % og stiger mens hele bildet blir uskarpt 1 → 7 piksler; kutt ved uskarphetstoppen.
S6 f215–244, to kort: hvit side, to stablede kort 538x348 (radius 57, mellomrom 36) sentrert på x540, øverste kort legger seg ved y168 ved f230, nederst ved y552. Hvert kort: omslagsbilde (ingen tekst bakt inn i det), en frostet pille øverst til venstre ("Modul 3" / "Modul 5"), en frostet rund "•••" øverst til høyre, og en stor fet tittel langs den nederste kanten laget av frostet glass (en uskarp, lysnet kopi av bildet klippet til bokstavene, avskåret av kortets nederste kant): "Launch" og "Sound". Begge går inn i uskarpt 12 piksler og skarpt ved f224; det øverste kortet går inn i 8 % stor størrelse og stiger fra y264; det nederste kortet stiger fra y927, forskjøvet bak det. De driver opp 3 piksler/ramme f230–238, akselererer deretter opp og blir uskarpe ut i kuttet.
S7 f245–300, logo-skive: side #FDFDFB, skive ⌀168 #F6F6F6 med det mørke merket, stiger inn i midten (øverst y569 f245 → 491 f250 → 468 f255 → 456 f269) med en vertikal flekk på den kuttede rammen, holder f269–287 stille (den eneste frosne strekningen), krymper deretter og akselererer til ⌀123 ved f300.
S8 f301–359, sluttkort: svart radial bakgrunn (#020204 hjørner, ≈#272729 rundt ordet), ordmerket i Inter 600, hvit #F3F3F5 med en tett glød pluss en bred, myk glorie, sentrert (540, 540). Ordbredde: ≈1650 piksler f301 (horisontalt utsmurt, zoomstriper) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 piksler/bildekrymping) → 492 f350, deretter kollapser den ved lett innskyvning: 450 f355 → 267 f359 med uskarphet som øker til 3,5 piksler. Filmen slutter midt i kollapsen.

1. Én HTML side, 1080x1080, tegnet av seek(t) som en ren funksjon av bildenummeret. Ingen CSS overganger, ingen tidtakere, ingen Math.random (kun seedede hasher). Bildene registreres som {f0, f1, render(localFrame)}.
2. Hver verdi er kontinuerlig i rammenummeret (59.94-masteren gjengir halve rammer): animer med nøkkelrammetabeller kf(ramme, [[f, verdi],...], mellomrom) og oppslagstabeller per ramme med lineær interpolasjon. Ingen Math.floor ved bevegelse.
3. Uskarphet: CSS filteruskarphet for rund uskarphet, SVG feGaussianBlur med separat x/y stdDeviation for retningsbestemte utstryk. Zoomutstryk på sluttkortet = 20–30 skalerte, falmede kopier av ordet. Frostet glass = en uskarp, lysere kopi av det som er bak, klippet til formen.
4. Cursor: én SVG macOS-pil (svart fyll, hvit omriss, myk skygge) med rotasjon og skala, gjenbrukt i S1, S3, S4.
5. Lyd (ingen stemme), nøyaktig 12,075 s: musikk ved 124 BPM, myk intro, drop ved 2,47 s (takt 5, f72-klippet leder det med 2 bilder). Syntetisert SFX: myk anslag 0,10 s; susende lyder som peaker ved kuttene 2,402, 3,370, 5,305, 10,043 s; overgangen treffer nøyaktig ved 6,240 s og 8,175 s; klikk ved 2,33 og 3,83 s; veldig stille tastetikk hvert ~32 ms over 4,04–5,00 s; en myk shimmer ved 10,05 s. Master til −14 LUFS, ekte peak −1 dBTP, ingen fade bortsett fra de siste 60 ms.
6. Render med Playwright (ett skjermbilde per bilde, fonter lastes inn først), kode H.264 yuv420p ved 60000/1001, mikse lyden.

Mål teksten bare etter at skriftene er lastet inn. Et langt produktnavn vil ikke passe der et navn på 5 bokstaver gjorde: skaler hele opplåsingen (diskgap, navn, pille) slik at den passer til spennet x474–1063, ikke la pillen falle utenfor rammen. En hvit baneformet firkant forsvinner på den hvite siden uten en 1px kant og en svak skygge. Ikke legg bilder med egen tekst inni S6-kortene, ellers dobles glasstittelen. Hold de utskårne rammene nøyaktige, selv der de ikke sitter på et taktslag. Ingenting fryser bortsett fra S7 f269–287. Store uskarphetstabeller kan viske ut en form fullstendig: hvis en ramme ser tom ut, reduser uskarpheten til formen fortsatt er lesbar.

Spør meg om inndataene. Vis meg deretter fire stillbilder (f40 topptekst i vinduet, f86 ikonkryss, f150 ferdigmelding, f230 de to kortene) før du renderer hele filmen.

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.

Spørsmål hentet fra stolpe @notdwd.