Qalisa ukuqhathanisa kabusha ividiyo
Isaziso
Ngibuze: igama lomkhiqizo wami, ilogo (noma ngikuvumele udwebe uphawu olulula), imibala yomkhiqizo wami (noma uyikhiphe kulogo yami), into yomugqa owodwa umsebenzisi ayithayipha ebhokisini lesaziso, ikhasi eliyiphendulayo (isihloko + imisho engu-2-3 enomusho owodwa oyisihluthulelo), amagama amabili ezici zamakhadi ahlanganisiwe, kanye nethrekhi yomculo. Uma ngidlula noma yiliphi, sebenzisa okuzenzakalelayo: umkhiqizo "Uhlaka nge-Frame" ohlala ngaphakathi kwehabhu yayo ye-Whop, uphawu lokubuka (amabakaki amane azungeze "FF" enesibindi), i-prompt ethi "Yenza ividiyo yokuqalisa yohlelo lwami lokusebenza", ikhasi lesifundo elinesihloko esithi "2.1 Khetha ireferensi", amakhadi athi "Launch" kanye "Sound", kanye nethrekhi yamahhala yendlu kaMixkit ethi "Rising Forest" yehle yaya ku-124 BPM.
Umkhiqizo oyisikwele samasekhondi angu-12 ohlabayo, ongu-1080x1080, izinombolo zozimele ku-29.97 fps (f0–f359), okwenziwa kahle ku-59.94 fps. Ukuzizwa kwe-Apple-keynote: okuthambile, okumhlophe, okuluhlaza okwesibhakabhaka okukhanyayo, okufana nengilazi. Ikhamera ayilokothi inqume kufreyimu enganyakazi: isithombe ngasinye singena sihamba kakade (ukuphuma kwe-exponential ease-out, u-12–19% webanga elisele kufreyimu ngayinye) bese sihamba ngokunyakaza okusheshayo noma i-blur ramp. Ukufiphala kulandela isivinini kanye nesiqondiso kukho konke ukunyakaza.
Iphalethi: imibala yomkhiqizo wami ihlelwe ngalezi zindima; uma nginganikezi lutho, sebenzisa ikhasi #FDFDFB, i-haze #B7CFEB, iqhwa #E6F0FA, okuluhlaza okwesibhakabhaka okujulile #294376 → #769CC2 i-sky gradient, i-navy #1E2F52, i-accent blues #2F6BFF / #3CC8F0 / i-mint #4ED6A0, okumhlophe. Uhlobo: Inter (400/500/600/700). Akukho onsomi, i-violet, i-magenta noma i-orenji noma kuphi.
Indaba: isihloko somkhiqizo siphuma embotsheni eluhlaza okwesibhakabhaka ngaphakathi kwefasitela lohlelo lokusebenza olukhanyayo → ikhesa liyangena, liphendukela lapho liya khona, likhula lapho lihamba khona bese lichofoza ilogo → ukusika kanzima ethonsini lomculo kuya kusithonjana sohlelo lokusebenza ngezikwele ezine ezizungeza esiphambanweni → isithonjana sigoqeka sibe yibha yemenyu ye-Mac → ikhesa lichofoza isithonjana sebha yemenyu, ibhokisi lesaziso lengilazi eliqandisiwe liyaphuma bese kuvela izinhlobo zesaziso → ukujikijela phezulu nge-flash eluhlaza okwesibhakabhaka ekhasini lempendulo liskrola endaweni yalo → ikhadi liyaphakama phezu kwalo → ukufiphaza-ukuncibilika kumakhadi amabili ahlanganisiwe anezihloko ezinkulu zengilazi eqandisiwe → ukufiphaza-ukuncibilika kudiski yelogo eyodwa → ukusika kanzima ekhadini elimnyama elinophawu lwamagama olukhanyayo.
Kuvinjelwe: ukufiphala, ozimele abaqandisiwe (ngaphandle kokubamba okukodwa ku-S7), amakhithi e-UI yesitoko, ukukhanya kumbhalo we-UI, i-Math.random, noma yini ebukeka njengethempulethi.
Ama-coordinates atholakala kuma-px esiteji esingu-1080. I-music beat k = 0.048 + 0.4838·ks (124 BPM, i-beat eyodwa = ozimele abangu-14.5). Ama-hard cuts amathathu f72, f101, f159 athola ozimele ababili ngaphambi kwe-beat: gcina lawa ma-frame aqondile.
I-S1 f0–71, i-header + iwindi + chofoza: i-haze #B7CFEB iyaphela ku-#FDFDFB ngo-f28, gcina ukukhanya okuluhlaza okwesibhakabhaka phansi #DBEEFD phansi. I-header emgqeni owodwa: i-logo disc ⌀132 (#FBFCFE, 1px rim #E8E8EA, uphawu olumnyama), igama lomkhiqizo (Inter 500), iphilisi elimnyama le-capsule "ku-Whop" (#2F2E2F, umbhalo omhlophe); yonke indawo ihlanganisa x474–1063, umugqa ophakathi uphakama y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), izulazula nge-1 px/uhlaka ngemuva. Igama libonakala lifiphele f2, iphilisi f4–5 lifiphele kakhulu futhi lishelela nge-15 px kwesokunxele njengoba libukhali. Ifasitela le-light hub (i-radius 93, i-fill #FCFDFF, i-top band #F1F6FF, i-blue inner floor glow) liyafiphala nxazonke: i-opacity 0 kuya ku-f14, 0.53 f15, 0.7 f19, 1.0 f24; ekhoneni eliphezulu kwesobunxele (408,405), ligijima ngakwesokudla nangaphansi. Ngaphakathi: iphilisi lokusesha ebhendini eliphezulu, ikholomu yesithonjana sesobunxele (isithonjana sezifundo ku-(537,739), isithonjana sengxoxo esifiphele ku-(537,900)), kanye nekhadi lesifundo elivela ku-(764,700) elingaphandle kohlaka olunesithombe salo sesembozo, isihloko kanye "nesifundo · izifundo ezingu-8". Cursor (umcibisholo omnyama we-macOS, uhlaka olumhlophe, 32x39) sivela ku-f27 ku-(891,393), sishelela ngakwesobunxele sinciphisa ijubane siye ku-(770,383) f44, sijikeleza siye phansi ngakwesobunxele f47–51 njengoba sicwila, sifika phansi kwesokudla sediski (629,564) f56 → (587,546) f59 → (555,531) f71; sikhula ×1.55 ekuzulazuleni kusuka ku-f56; indandatho yeqhwa ethambile (#D5F3FF → #F7FEFF, yangaphandle ⌀174) ikhanyisa idiski kusuka ku-f53. Ikhamera isondeza cishe (540,540): 1.0 f46 → 1.2 f60 i-ease-in-out, ibamba i-f61, bese ishesha kancane iye ku-1.04 ku-f71 ngenkathi isikhombisi sicindezela (sincipha ngo-15% f69–71).
I-S2 f72–100, isithonjana + umjikelezo: isithonjana sohlelo lokusebenza lwe-navy squircle (#294376 → #1E2F52, uphawu olumhlophe), ama-px angu-276 ku-f72 ancipha kalula abe ngu-178 px ngo-f86, irediyasi engu-28% wobubanzi, kudiski ye-halo empunga #E9E9E7 ekhulayo ⌀240 (f75) → 326 (f86). Izikwele ezine ezingama-px angu-92 (irediyasi engu-26) zijikeleza ngokuphambene newashi, zehlisa ijubane, futhi zikhiye esiphambanweni kurediyasi yomjikelezo ≈216 ngo-f86: okumhlophe (1px #E3E8EF onqenqemeni + isithunzi esibuthakathaka) kwesobunxele, #2F6BFF phezulu, #3CC8F0 kwesokudla, #4ED6A0 phansi. f88–100: isithonjana sincipha sisheshisa sibe ngama-px angu-≈40, izikwele zishelela emgqeni ngakwesokudla saso (ama-slip amhlophe ngemuva kwesithonjana), ama-blur ramps angu-0.3 → 6 px.
I-S3 f101–158, ibha yemenyu + isixwayiso: ikhasi elimhlophe ngaphezu kwebhendi ye-bezel yelaptop emnyama (y425–475, ukugqama okuphezulu #686866), ibha yemenyu emnyama emnyama (y477–538), iphepha lodonga ngezansi = i-gradient yesibhakabhaka esiluhlaza okwesibhakabhaka enobuciko obuncane bomugqa omhlophe (indilinga eyodwa enkulu, imigqa emibili evundlile, eyodwa eqondile, ukukhanya okunamaphuzu amane endaweni yokuwela, ukukhanya okuthambile kwe-teal phezulu kwesokudla). Ibha yemenyu kwesokudla iqoqo elimhlophe: I-Wi-Fi, ibhethri, ama-toggles, uphawu lomkhiqizo ku-x531–584, amachashazi amathathu angu-⌀36 #2F6BFF / #3CC8F0 / #4ED6A0 ku-x612, 661, 709, "UMsombuluko Jun 22 9:41 AM" ama-px angu-34. Ingena ku-3 px efiphele futhi ihlale ngo-f110. Cursor iphakama kusukela ngaphansi (f102), ihlala phezu kophawu, icindezela u-f113–117. Okuqukethwe kwephaneli yekhamera kwesokudla +125 px f115–130 (okushesha kakhulu f118–120). Ibhokisi lengilazi eliqandisiwe (ingilazi emhlophe-eluhlaza okwesibhakabhaka phezu kwesibhakabhaka, umngcele ophezulu okhanyayo, irediyasi 60) liphuma ngaphansi kophawu f116: ububanzi bufinyelela ku-744 ku-f126 futhi buhlala ku-726x228 ngo-f138 cishe ku-x196–922, y568–797. Ifomu lokufaka liqala ku-f121 (okuqala okufundekayo "Yenza") liye ku-f150 (kuqediwe) cishe ku-char/uhlaka olu-1 olune-frame ebambe njalo ngezinhlamvu ezi-2–3; i-caret ivuliwe njalo; izithonjana ezintathu ezimhlophe ezingezansi; inkinobho yokuthumela #2F6BFF ⌀51 ngomcibisholo omhlophe obheke phezulu. Kusukela ku-f136 yonke indawo iyakhuphuka, isheshisa ibe yi-whip-tilt (f158 ihamba ≈25 px/uhlaka, ukufiphala okuqondile ≈6–8 px) kuyilapho ikhasi lishintsha umbala #E6F4FE phezu kwe-f154–158.
I-S4 f159–186, ikhasi lempendulo: ikhasi lesifundo sesifundo esilula (i-breadcrumb, isihloko, umzimba): ikholomu yombhalo x120, umzimba 47 px Inter 400 grey #BCBCBA, iphimbo lomugqa 58, ibinzana elilodwa eliyisihluthulelo ("uhlaka lohlaka") ngombala omnyama ongu-600. Lifika lingcolile futhi liphansi ngo-420 px, liskrola phezulu ngama-offset angu-420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), bese likhukhuleka ngo-−6 px ngo-f186. I-Blur 24 px (f159) → 1.5 (f165) → 0. I-Flash #E2F4FE iyanyamalala iye ku-#FDFDFB ngo-f165. Isikhombisi esikhomba phezulu sihamba siskrola bese sima ngaphansi kwesisho esiyisihluthulelo (≈(450,591) f180), bese sihamba ngakwesokudla.
I-S5 f187–214, ikhadi: ikhadi elimhlophe (x203–878, liphuma phansi) liphakama phezu kwekhasi: isithombe sekhava 627x536 isithombe esingaphakathi 24 px, i-radius 64, ibha yokubamba ekhanyayo maphakathi nendawo yayo, isihlokwana esiqinile esingu-38 px omnyama, isihlokwana esimpunga esingu-23 px. Isembozo phezulu y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), bese siqhubeka sikhuphuka ~4 px/uhlaka. Ukufiphaza kwekhadi kufinyelela ku-3.8 px ku-f189, kubukhali ngo-f201; ikhasi elingemuva kokufiphaza liya ku-≈2.5 px. Phuma ku-f207–214: ikhadi liyancipha ~5% futhi likhuphuka ngenkathi lonke uhlaka lufiphaza ngo-1 → 7 px; lisikwe esicongweni sokufiphaza.
I-S6 f215–244, amakhadi amabili: ikhasi elimhlophe, amakhadi amabili ahlanganisiwe angu-538x348 (irediyasi 57, igebe 36) agxile ku-x540, ikhadi eliphezulu lihlala ku-y168 nge-f230, phansi ku-y552. Ngayinye: ubuciko bekhava (akukho umbhalo obhakiwe kuyo), iphilisi eliqandisiwe phezulu kwesobunxele ("Imojuli 3" / "Imojuli 5"), indilinga eqandisiwe "•••" phezulu kwesokudla, kanye nesihloko esikhulu esinesibindi eceleni komphetho ongezansi owenziwe ngengilazi eqandisiwe (ikhophi efiphele, ekhanyisiwe yesithombe enamathiselwe ezinhlamvini, enqunywe umphetho ongezansi wekhadi): "Launch" kanye "Sound". Zombili zingena zifiphele ngo-12 px futhi zibukhali ngo-f224; ikhadi eliphezulu lingena ngo-8% omkhulu futhi likhuphuka lisuka ku-y264; ikhadi eliphansi likhuphuka lisuka ku-y927, lihamba ngemuva kwalo. Zikhuphuka ngo-3 px/uhlaka f230–238, bese zisheshisa phezulu bese zifiphala zingene ekusikeni.
I-S7 f245–300, i-logo disc: ikhasi #FDFDFB, i-disc ⌀168 #F6F6F6 enophawu olumnyama, ikhuphukela phakathi nendawo (phezulu y569 f245 → 491 f250 → 468 f255 → 456 f269) ene-smear eqondile ohlakeni olusikiwe, ibambe inganyakazi f269–287 (ukuphela kokwelula okuqandisiwe), bese incipha isheshise iye ku-⌀123 ku-f300.
I-S8 f301–359, ikhadi lokugcina: ingemuva elimnyama eliyi-radial (#020204 amakhona, ≈#272729 azungeze igama), uphawu lwamagama ku Inter 600, olumhlophe #F3F3F5 olunokukhanya okuqinile kanye ne-halo ethambile ebanzi, ephakathi (540,540). Ububanzi bamagama: ≈1650 px f301 (ifakwe ngokuvundlile, imigqa yokusondeza) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/uhlaka luyancipha) → 492 f350, bese lugoqa ukungena kalula: 450 f355 → 267 f359 ngokufiphala okukhuphukela ku-3.5 px. Ifilimu iphela phakathi nokuwa.
1. Ikhasi elilodwa HTML, elingu-1080x1080, elidwetshwe yi-seek(t) njengomsebenzi omsulwa wenombolo yohlaka. Azikho izinguquko CSS, azikho izibali-sikhathi, azikho i-Math.random (ama-hashe afakwe imbewu kuphela). Izithombe zibhaliswa njengo-{f0, f1, render(localFrame)}.
2. Inani ngalinye liyaqhubeka enombolweni yohlaka (i-master engu-59.94 iveza ozimele abahafu): i-animate ngamatafula ohlaka oluyisihluthulelo kf(frame, [[f, value],...], ease) kanye namatafula okubheka ngohlaka ngalunye anokuxhunyaniswa okuqondile. Akukho Math.floor enyakazayo.
3. Ukufiphaza: Ukufiphaza kwesihlungi CSS kokufiphaza okuyindilinga, SVG feGaussianBlur ene-x/y stdDeviation ehlukile yokufiphaza okuqondisiwe. I-Zoom smear ekhadini lokugcina = amakhophi angu-20–30 egama alinganisiwe, afiphele. Ingilazi eqandisiwe = ikhophi efiphele, ekhanyisiwe yalokho okungemuva, enamathiselwe esimweni.
4. Cursor: umcibisholo owodwa SVG macOS (ukugcwalisa okumnyama, uhlaka olumhlophe, isithunzi esithambile) onokuzungeza kanye nesikali, okusetshenziswa kabusha ku-S1, S3, S4.
5. Umsindo (akukho zwi), ncamashi amasekhondi angu-12.075: umculo ku-124 BPM, isingeniso esithambile, ukwehla kumasekhondi angu-2.47 (ukushaya okungu-5, ukusika kwe-f72 kuyihola ngamafreyimu ama-2). I-SFX eyenziwe: umthelela othambile 0.10 s; ukuzwakala phezulu ekusikeni 2.402, 3.370, 5.305, 10.043 s; ukuguquka kushaya ngqo kumasekhondi angu-6.240 kanye namasekhondi angu-8.175; ukuchofoza kumasekhondi angu-2.33 kanye namasekhondi angu-3.83; ukhiye othule kakhulu uphawula njalo nge-~32 ms ngaphezulu kwamasekhondi angu-4.04–5.00; ukucwazimula okuthambile kumasekhondi angu-10.05. I-Master to −14 LUFS, i-true peak −1 dBTP, akukho fade ngaphandle kwamasekhondi angu-60 okugcina.
6. Yenza nge Playwright (isithombe-skrini esisodwa ngohlaka, amafonti alayishwe kuqala), faka ikhodi ku-H.264 yuv420p ku-60000/1001, susa umsindo.
Linganisa umbhalo kuphela ngemva kokulayisha amafonti. Igama lomkhiqizo elide ngeke lilingane lapho igama elinezinhlamvu ezi-5 lenza khona: sikala yonke indawo evalekile (isikhala sediski, igama, iphilisi) ukuze ilingane nesikhala x474–1063, ungavumeli iphilisi iwele ohlakeni. Isikwele somjikelezo omhlophe siyanyamalala ekhasini elimhlophe ngaphandle komphetho ongu-1px kanye nesithunzi esibuthakathaka. Ungafaki izithombe ezinombhalo wazo ngaphakathi kwamakhadi e-S6, noma isihloko sengilazi siyaphindeka kabili. Gcina ozimele abasikiwe beqondile ngisho nalapho bengahlali khona ngesikhathi esisodwa. Akukho lutho oluqina ngaphandle kwe-S7 f269–287. Amatafula okufiphaza anzima angasula isimo ngokuphelele: uma ifreyimu ibukeka ingenalutho, yehlisa ukufiphaza kuze kube yilapho isimo sisafundeka.
Ngicela ukuthi unginike imibono. Bese ungibonisa izithombe ezi-4 (isihloko se-f40 efasiteleni, isiphambano sesithonjana se-f86, isixwayiso esiqediwe se-f150, amakhadi amabili e-f230) ngaphambi kokuthi ukhiphe ifilimu ephelele.
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.
Isaziso sithathwe ku- okuthunyelwe @notdwd.
- Imodeli
- Opus 5.5
- Kushicilelwe
Yenza ividiyo efana nale
Zenzele amavidiyo anjengalawa—ashibhile ngokuphindwe kasikhombisa kune-API—ngesandiso sethu se-Google Chrome.. Isebenza Claude nge MCP: uchaza umsebenzi, futhi isandiso siphatha inqubo yokukhiqiza kusukela ku-prompt kuya kufayela eliqediwe. Sikhiqiza amavidiyo, siwahlanganise, siwasho, futhi siwahumushe.
Automation — MCP для Google Flow, Google Vids и Claude
TikTok Symphony Creative Studio MCP Claude Code
SeedFlow — Seedance 2.5 в Dreamina, Qwen-Audio-3.1-TTS и Claude MCP