Oppsett: Kampanje for UGC-annonsegenerator

Spør meg om: produktnavnet og et løfte på én linje, 3 til 5 UI-øyeblikk som skal vises, én aksentfarge, 10 til 20 ekte vertikale klipp jeg eier, og en royaltyfri sang med et tydelig dropp (f.eks. Mixkit, gratis for kommersiell bruk).

Minimalistisk high-end. Én idé per opptak, mye tom plass, én aksentfarge, én ren sans (Geist eller Inter) med tett sporing. Maskerte tekstavsløringer, matchende klipp, ett jevnt kameraspråk. Kun ekte opptak, aldri plassholderkort. Ingen punktum i tekst på skjermen.
Utestengt: sjokkbølgeringer, partikkelutbrudd, RGB-deling, kameraristing, linsebluss, neonlys, rutenettgulv, blinkende bakgrunner, hoppende lettelse.

10 takter ved 120 BPM, 2 sekunder hver.
Takt 1: hooken lander ord for ord på taktslagene.
Takt 2: ett ord forandrer seg til produktets brukergrensesnitt. En markør skriver og klikker.
Dråpen: en sirkel åpner seg ut av knappen og inn i en mørk scene.
Så ett trekk per takt: en vegg av ekte klipp med en skannelinje og tre vinnere, nøkkelutdataene i stor skrift, en 3D-karusell av ekte videoer med refleksjoner fra gulvet og en bevegelsesuskarp pisk av ett helteklipp, helten i en telefon ved siden av et panel som blar til resultater, stor statistikk om push-kutt, en ticker med tre ord, en logo-avsløring, en fade til svart.

1. Én HTML fil på 1920x1080. Hver stil beregnes ut fra tiden inni
http://
window.seek(t): ingen CSS animasjoner, ingen tidtakere, ingen tilstand mellom rammer.
2. Ekte video: trekk ut klipp til 30fps JPEG-sekvenser med ffmpeg og bytt bildekilder per bilde. Seek venter på at bildet dekodes.
3. Analyser sangen med numpy: tempo, taktrutenett, energi per takt, droppen. Kalibrer rutenettet til de virkelige kick-treffene. Hvert kutt sitter på en downbeat, hvert UI-treff på en beat.
4. Rendér med Playwright: 3 delbilder per bilde ved t minus, ved og pluss 1/240s, og bland deretter med ffmpeg tmix for ekte bevegelsesuskarphet ved 60fps.
5. Plasser hver lydeffekt slik at den målte toppen, ikke filstarten, lander på hendelsen. Hold effektene stille under musikken. Høyttalernorm til -14 LUFS.
6. Undersøk 20 eller flere bilder før full rendering. Fiks alt som er rotete, overlapper eller er vanskelig å lese.

Aldri angi opasitet eller filter på et preserve-3d-element, fordi det flater ut og begge sider vises. Toner heller innpakningen. Mål elementposisjoner under kjøring for å få match-kutt. Bruk kun musikk og lydeffekter som har en lisens som tillater kommersiell bruk.

Spør meg om innspillene, og vis meg deretter et storyboard med all timing på taktrutenettet før du skriver kode.

Ask me for: the product name and a one-line promise, 3 to 5 UI moments to show, one accent color, 10 to 20 real vertical clips I own, and a royalty-free song with a clear drop (e.g. Mixkit, free for commercial use).

High-end minimal. One idea per shot, lots of empty space, one accent color, one clean sans (Geist or Inter) with tight tracking. Masked type reveals, match cuts, one smooth camera language. Real footage only, never placeholder cards. No full stops in on-screen text.
Banned: shockwave rings, particle bursts, RGB split, camera shake, lens flares, neon glows, grid floors, flashing backgrounds, bouncy easing.

10 bars at 120 BPM, 2 seconds each.
Bar 1: the hook lands word by word on the beats.
Bar 2: one hook word morphs into the product UI. A cursor types and clicks.
The drop: a circle opens out of the button into a dark scene.
Then one move per bar: a wall of real clips with a scan line and 3 winners, the key output as big type, a 3D carousel of real videos with floor reflections and a motion-blurred whip onto one hero clip, the hero in a phone next to a panel that flips into results, big stats on push cuts, a 3-word ticker, a logo reveal, a fade to black.

1. One HTML file at 1920x1080. Every style is computed from time inside
http://
window.seek(t): no CSS animations, no timers, no state between frames.
2. Real video: extract clips to 30fps JPEG sequences with ffmpeg and swap img sources per frame. seek awaits the image decodes.
3. Analyze the song with numpy: tempo, beat grid, energy per bar, the drop. Calibrate the grid to the real kick hits. Every cut sits on a downbeat, every UI hit on a beat.
4. Render with Playwright: 3 subframes per frame at t minus, at, and plus 1/240s, then blend with ffmpeg tmix for real motion blur at 60fps.
5. Place each sound effect so its measured peak, not its file start, lands on the event. Keep the effects quiet under the music. Loudnorm to -14 LUFS.
6. Probe 20 or more frames before the full render. Fix anything cluttered, overlapping or hard to read.

Never set opacity or filter on a preserve-3d element, because it flattens and both faces show. Fade its wrapper instead. Measure element positions at runtime for match cuts. Only use music and sound effects whose license allows commercial use.

Ask me for the inputs, then show me a storyboard with every timing on the beat grid before you write any code.

Spørsmål hentet fra stolpe @twoclipping.