Fa'atulagaina: Vitio fa'alauiloa o le Frame by Frame
O le vitio lea na fatuina e le fa'amatalaga @notdwd. Fa'aopoopo au fa'amatalaga—o le a fa'aopoopoina i le fa'amatalaga.
Uluai fa'atonuga @notdwd
Fesili mai ia te aʻu mo: le igoa o laʻu oloa, se logo (pe tuʻu atu ia te oe e tusi se faʻailoga faigofie), le laina e tasi e lolomi e se tagata faʻaoga i totonu o le pusa faʻamatalaga, le itulau e taliina ai (ulutala + 2–3 fuaiupu ma le fuaitau autu e tasi), igoa faʻapitoa e lua mo kata ua faʻaputuina, ma se pese musika. Afai ou te misia soʻo se tasi, faʻaaoga mea masani: oloa "Frame by Frame" o loʻo i totonu o lona Whop hub, se faʻailoga viewfinder (fa puipui tulimanu e siʻomia ai se "FF" mafiafia), faʻamatalaga "Faia se vitio faʻalauiloa mo laʻu app", se itulau lesona ua faaulutalaina "2.1 Filifili se faʻasinomaga", kata "Faʻalauiloa" ma le "Leo", ma le pese fale saoloto a Mixkit "Rising Forest" ua faʻagesegese i le 124 BPM.
O se ata fa'atafafā e 12 sekone le umi, 1080x1080, numera o le fa'avaa i le 29.97 fps (f0–f359), fa'atinoina le master i le 59.94 fps. Lagona fa'apitoa o le Apple: malu, pa'epa'e, lanumoana susulu, e pei o se tioata. E le tipiina e le meapueata i luga o se fa'avaa e le minoi: o ata uma e ulufale atu ua uma ona gaoioi (fa'afaigofieina o le fa'alauteleina, 12–19% o le mamao o totoe i le fa'avaa ta'itasi) ma alu ese i se gaioiga fa'avavevave pe se ala fa'anenefu. E mulimuli le fa'anenefu i le saoasaoa ma le itu i gaioiga uma.
Paleti: itulau #FDFDFB, puao #B7CFEB, aisa #E6F0FA, lanumoana loloto #294376 → #769CC2 lanu susulu o le lagi, lanumoana lanumoana #1E2F52, lanumoana fa'apitoa #2F6BFF / #3CC8F0 / mint #4ED6A0, pa'epa'e. Ituaiga: Inter (400/500/600/700). Leai se lanu violē, violet, magenta po'o le moli i soo se mea.
Tala: o le ulutala o le oloa e oso aʻe mai se puao lanumoana i totonu o se faamalama malamalama o le polokalama → e see atu se kisi i totonu, liliu i le mea o loʻo agai i ai, tuputupu aʻe pe a tuu i luga le ki ma kiliki le logo → tipi malosi i luga o le musika e pa'ū i le faailoga o le polokalama ma sikuea e fa o loʻo faataamilo i totonu o se koluse → e pa'ū le faailoga i totonu o se pa lisi o le Mac → e kiliki le kisi i le faailoga o le pa lisi o le menu, e oso aʻe se pusa faʻamatalaga tioata aisa ma lolomi le faʻamatalaga → faʻasaga i luga e ala i se moli lanumoana malamalama i totonu o le itulau tali e faaseʻe i lona nofoaga → e oso aʻe se kata i luga → faanenefu-faʻamamā i ni kata se lua ua faʻaputuina ma ulutala tioata aisa tetele → faanenefu-faʻamamā i le tisiketi logo e tasi → tipi malosi i se kata uliuli pito i tua ma se faʻailoga upu susulu.
Fa'asa: fa'alava fa'asolosolo, fa'avaa fa'a'aisa (vagana ai le tasi le taofi i le S7), UI kits masani, fa'amalamalama i luga o tusitusiga UI, Math.random, so'o se mea e foliga mai o se template.
O fa'amaopoopoga o px i luga o le tulaga 1080. O le pao o musika k = 0.048 + 0.4838·ks (124 BPM, tasi le pao = 14.5 fa'avaa). O le tolu fa'avaa malō f72, f101, f159 e tulaueleele i le 2 fa'avaa a'o le'i faia se pao: ia tausia nei fa'avaa tutusa.
S1 f0–71, ulutala + faamalama + kiliki: puao #B7CFEB ua mou atu i le #FDFDFB i le f28, taofi se malamalama lanumoana o le fola #DBEEFD i le pito i lalo. Ulutala i luga o le laina e tasi: tisiketi logo ⌀132 (#FBFCFE, 1px rim #E8E8EA, maka pogisa), le igoa o le oloa (Inter 500), o se capsule pill pogisa "i luga o Whop" (#2F2E2F, tusitusiga paʻepaʻe); o le loka atoa e aofia ai le x474–1063, o le laina ogatotonu e siʻitia i luga y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), e see ese 1 px/faʻavaa pe a uma. O le igoa e aliali mai f2 ua le manino, o le pill f4–5 ua matua le manino ma see ese 15 px agavale aʻo faʻamaʻai. O se fa'amalama o le ogatotonu o le malamalama (radius 93, fa'atumu le #FCFDFF, fusi pito i luga #F1F6FF, susulu lanumoana o le fola i totonu) e mou atu i totonu: opacity 0 i le f14, 0.53 f15, 0.7 f19, 1.0 f24; tulimanu pito i luga agavale (408,405), e alu ese mai le taumatau ma le pito i lalo. I totonu: o se pill su'esu'e i le fusi pito i luga, o se koluma o le ata agavale (Ata o Vasega i le (537,739), ata o le Talanoaga ua mou atu i le (537,900)), ma se kata o le vasega mai le (764,700) i fafo atu o le fa'avaa ma lona ata o le ufi, ulutala ma le "Asa · 8 lesona". Cursor (aū uliuli macOS, otootoga paʻepaʻe, 32x39) e aliali mai i le f27 i le (891,393), faaseʻe agavale e faʻagesegese i le (770,383) f44, faʻataʻamilomilo e faʻasino i lalo-agavale f47–51 aʻo oso ifo, tulaueleele i le pito i lalo taumatau o le tisiketi (629,564) f56 → (587,546) f59 → (555,531) f71; faʻateleina ×1.55 pe a faʻapipiʻi mai le f56; o se mama aisa vaivai (#D5F3FF → #F7FEFF, pito i fafo ⌀174) e moli i tafatafa o le tisiketi mai le f53. E faʻalautele le meapueata (540,540): 1.0 f46 → 1.2 f60 ease-in-out, taofi le f61, ona faʻaitiitia lea o le faʻavavevave i le 1.04 i le f71 aʻo oomi le ki (faʻaitiitia 15% f69–71).
S2 f72–100, ata + faataamilosaga: ata o le polokalama squircle navy (#294376 → #1E2F52, maka pa'epa'e), 276 px i le f72 fa'aitiitia le fa'afaigofieina i le 178 px i le f86, radius 28% o le lautele, i luga o se tisiketi halo efuefu #E9E9E7 fa'atupula'ia ⌀240 (f75) → 326 (f86). E fa sikuea e 92 px (radius 26) e vili fa'asaga i le itu taumatau, fa'agesegese, ma loka i totonu o se koluse i le radius o le taamilosaga ≈216 i le f86: pa'epa'e (1px #E3E8EF pito + ata vaivai) agavale, #2F6BFF pito i luga, #3CC8F0 taumatau, #4ED6A0 pito i lalo. f88–100: e fa'aitiitia le ata i le fa'atelevaveina i le ≈40 px, e se'e sikuea i se laina i lona taumatau (e se'e le pa'epa'e i tua atu o le ata), e fa'anenefu ai ala fa'asolosolo 0.3 → 6 px.
S3 f101–158, pa o le lisi + fa'atonuga: itulau pa'epa'e i luga a'e o se fusi uliuli o le bezel o le komepiuta feavea'i (y425–475, fa'ailoga pito i luga #686866), o se pa o le lisi lanumoana pogisa (y477–538), o le pepa puipui i lalo = o le lanu moana o le lagi ma se ata manifinifi o laina pa'epa'e (tasi le li'o tele, lua laina fa'alava, tasi le fa'atulagaina, o se pupula e fa'asolo i se kolosi, o se pupula lanumoana vaivai i luga taumatau). O le pa o le lisi i le taumatau i le pa'epa'e: Wi-Fi, maa, ki, le fa'ailoga oloa i le x531–584, tolu ⌀36 togi #2F6BFF / #3CC8F0 / #4ED6A0 i le x612, 661, 709, "Mon Iuni 22 9:41 AM" 34 px. Ulu atu i le fa'anenefu 3 px ma fa'amalieina i le f110. E si'itia Cursor mai lalo (f102), nofo i luga o le fa'ailoga, oomi le f113–117. O le meapueata e fa'ase'e le anotusi i le taumatau +125 px f115–130 (vave f118–120). O se pusa tioata aisa (tioata pa'epa'e-lanumoana i luga o le lagi, pito i luga susulu, radius 60) e oso a'e mai lalo o le fa'ailoga f116: o le lautele e o'o atu i le 744 i le f126 ma fa'amautu 726x228 i le f138 i tafatafa o le x196–922, y568–797. O le fa'atonuga e lolomi mai le f121 (uluai faitau "Faia") i le f150 (mae'a) i le tusa ma le 1 mata'itusi/fa'avaa ma se fa'avaa e 1 e taofia i mata'itusi ta'i 2–3; o le caret e fa'aauau pea; tolu ata o le laina pa'epa'e i le pito i lalo; fa'amau lafo #2F6BFF ⌀51 ma se aū pa'epa'e i luga. Mai le f136 e faasolo ina alu i luga le vaaiga atoa, ma faatelevaveina i se fa’a’olo’olo fa’asolosolo (f158 e fealua’i ≈25 px/fa’avaa, fa’anenefu fa’atulagaina ≈6–8 px) a’o valivali le itulau #E6F4FE i luga o le f154–158.
S4 f159–186, itulau tali: o se itulau lesona mama o le vasega (paluga falaoa, ulutala, tino): koluma tusitusiga x120, tino 47 px Inter 400 efuefu #BCBCA, laina pitch 58, tasi le fuaitau autu ("fa'avaa mo le fa'avaa") i le uliuli 600. E taunu'u mai ua masaesae ma 420 px maualalo, fa'ase'e i luga ma fa'aletonu 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), ona totolo lea i le −6 px i le f186. Fa'anenefu 24 px (f159) → 1.5 (f165) → 0. Fa'aemo #E2F4FE e mou atu i le #FDFDFB i le f165. E tietie i luga o le tusi taai se kiore e fa'asino sa'o i luga ma taofi i lalo o le fuaitau autu (≈(450,591) f180), ona se'e lea i le taumatau.
S5 f187–214, kata: o se kata pa'epa'e (x203–878, e tafe mai le pito i lalo) e alu a'e i luga o le itulau: ata o le faavaa 627x536 fa'apipi'i 24 px, radius 64, o se pa e pu'e ai le malamalama i lona ogatotonu pito i luga, fa'amatalaga e fa'apupula 38 px uliuli, fa'amatalaga laiti efuefu 23 px. Pito i luga o le faavaa y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), ona fa'aauau pea lea ona alu a'e ~4 px/fa'avaa. E fa'apupula le kata i le 3.8 px i le f189, ma'ai i le f201; e fa'apupula le itulau i tua atu i le ≈2.5 px. Alu ese mai le f207–214: e fa'aitiitia le kata ~5% ma alu a'e a'o fa'apupula le fa'avaa atoa i le 1 → 7 px; tipi i le tumutumu o le fa'apupula.
S6 f215–244, kata e lua: itulau paʻepaʻe, kata e lua ua faʻaputuina 538x348 (radius 57, va 36) ua faʻatotonugalemu i le x540, kata pito i luga ua faʻamautu i le y168 i le f230, pito i lalo i le y552. Taʻitasi: ata o le faavaa (leai se tusitusiga ua faʻapipiʻiina i totonu), o se piliki aisa i luga agavale ("Module 3" / "Module 5"), o se liʻo aisa "•••" pito i luga taumatau, ma se ulutala tele ma mafiafia i le pito i lalo e faia i tioata aisa (o se kopi faanenefu ma faʻamalamalamaina o le ata ua tipiina i mataʻitusi, ua tipi ese e le pito i lalo o le kata): "Launch" ma le "Sound". E lua e ulufale faanenefu 12 px ma maʻai i le f224; o le kata pito i luga e ulufale 8% tele ma e tulaʻi mai le y264; o le kata pito i lalo e tulaʻi mai le y927, ua tautevateva i tua atu. Latou te feosofi i luga 3 px/faʻavaa f230–238, ona faʻavavevave lea i luga ma faanenefu i fafo i le tipi.
S7 f245–300, tisiketi logo: itulau #FDFDFB, tisiketi ⌀168 #F6F6F6 fa'atasi ai ma le fa'ailoga pogisa, e alu a'e i le ogatotonu (pito i luga y569 f245 → 491 f250 → 468 f255 → 456 f269) fa'atasi ai ma se ila fa'atulagaina i luga o le fa'avaa tipi, e tumau pea le f269–287 (na'o le pau lea o le fa'aloaloa aisa), ona fa'aitiitia lea ma fa'atelevave i le ⌀123 i le f300.
S8 f301–359, kata fa'ai'u: talaaga uliuli radial (#020204 tulimanu, ≈#272729 si'omia le upu), o le fa'ailoga upu i Inter 600, pa'epa'e #F3F3F5 ma se malamalama mafiafia fa'aopoopo i ai se halo lautele ma vaivai, i le ogatotonu (540,540). Lautele o upu: ≈1650 px f301 (fa'alava fa'alava, laina fa'alautele) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/fa'avaa fa'aitiitia) → 492 f350, ona fa'aputu lea faigofie-i totonu: 450 f355 → 267 f359 ma le fa'anenefu e si'itia i le 3.5 px. E fa'ai'u le ata tifaga i le ogatotonu o le fa'aputu.
1. Tasi le itulau HTML, 1080x1080, na tusia e le seek(t) o se galuega faatino mama o le numera o le frame. Leai ni suiga CSS, leai ni timers, leai se Math.random (na'o seeded hashes). O ata e resitara o le {f0, f1, render(localFrame)}.
2. O tau uma e fa'aauau pea i le numera o le fa'avaa (o le 59.94 master e fa'aalia ai afa fa'avaa): fa'aolaola i laulau keyframe kf(frame, [[f, value],...], ease) ma laulau su'esu'e ta'itasi fa'avaa ma le fa'aopoopoga laina. Leai se Math.floor i le gaioiga.
3. Fa'anenefu: CSS filter fa'anenefu mo le fa'anenefu lapotopoto, SVG feGaussianBlur fa'atasi ai ma le x/y stdDeviation eseese mo fa'ailoga fa'asino. Fa'anenefu fa'alatalata i luga o le kata pito = 20–30 kopi ua fa'ateleina ma ua le toe manino o le upu. Tioata 'aisa = o se kopi fa'anenefu ma ua fa'amalamalamaina o le mea o lo'o i tua, ua fa'apipi'i i le foliga.
4. Cursor: tasi le aū SVG macOS (fa'atumu uliuli, otootoga pa'epa'e, ata malu) fa'atasi ai ma le fa'ata'amilosaga ma le fua, toe fa'aaogaina i le S1, S3, S4.
5. Leo (leai se leo), tonu lava le 12.075 s: musika i le 124 BPM, faatomuaga vaivai, le pa'ū i le 2.47 s (ta 5, o le tipi f72 e ta'ita'ia i le 2 frames). SFX Fa'atasi: aafiaga vaivai 0.10 s; leo u'umi e o'o atu i le tumutumuga i tipi 2.402, 3.370, 5.305, 10.043 s; le suiga e pa'ū tonu lava i le 6.240 s ma le 8.175 s; kiliki i le 2.33 ma le 3.83 s; ki filemu tele e tata i le ~32 ms i le 4.04–5.00 s; se susulu vaivai i le 10.05 s. Master i le −14 LUFS, tumutumuga moni −1 dBTP, leai se fa'aitiitiga vagana ai le 60 ms mulimuli.
6. Fa'aali ma Playwright (tasi le ata o le ata i le fa'avaa ta'itasi, muamua ona uta mata'itusi), fa'ailoga le H.264 yuv420p i le 60000/1001, fa'aopoopo le leo.
Fuafua tusitusiga pe a uma ona uta mata'itusi. O se igoa umi o se oloa e le fetaui ma le igoa e 5-mata'itusi: fa'ateleina le loka atoa (va o le tisiketi, igoa, pill) ina ia fetaui ma le lautele x474–1063, aua ne'i pa'u'ū le pill mai le fa'avaa. O se sikuea pa'epa'e e mou atu i luga o le itulau pa'epa'e e aunoa ma se pito 1px ma se ata vaivai. Aua le tu'uina ata ma a latou lava tusitusiga i totonu o kata S6, a leai o le ulutala tioata e faaluaina. Tausia ia sa'o lelei fa'avaa ua tipiina tusa lava pe le o tu i luga o se pao. E leai se mea e tumau vagana ai le S7 f269–287. O laulau mafiafia e le manino e mafai ona soloiesea atoa se foliga: afai e foliga gaogao se fa'avaa, fa'aitiitia le le manino se'ia o'o ina faitauina pea le foliga.
Fesili mai ia te a'u mo ni fa'amatalaga. Ona fa'aali mai lea ia te a'u ni ata e 4 (f40 ulutala i le fa'amalama, f86 fa'ailoga koluse, f150 fa'ai'uga ua mae'a, f230 kata e lua) a'o le'i fa'aalia le ata atoa.
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.
Fa'amatalaga na aumai mai pou @notdwd.
Ia avea ma ou lava
Fa'aopoopo le fa'amoemoega o le vitio, le fa'atulagaga, lanu, ma isi mea uma—maua se fa'atonuga fa'apitoa. E leai se totogi, ma o fa'amatalaga e tumau i lau su'esu'ega i luga o le initaneti.
Lau fa'atonuga
O le taunuuga sili ona lelei na ausia i le Claude Opus 5.5 faatasi ai ma le tulaga sili ona maualuga o le taumafaiga.
Fai se vitio faapenei
Fai ni vitio faapenei e oe lava—e 7 taimi e taugofie atu nai lo le API—fa'atasi ai ma la matou fa'aopoopoga Google Chrome.. E galulue fa'atasi ma Claude e ala i MCP: e te fa'amatalaina le galuega, ma o le fa'aopoopoga e taulimaina le fa'agasologa o le gaosiga mai le fa'atonuga i le faila ua mae'a. E gaosia ai vitio, fa'apotopotoina, fa'aleoina, ma fa'aliliuina.
Fai ni vitio faapenei e oe lava—e 7 taimi e taugofie atu nai lo le API—fa'atasi ai ma la matou fa'aopoopoga Google Chrome.
E galulue fa'atasi ma Claude e ala i MCP: e te fa'amatalaina le galuega, ma o le fa'aopoopoga e taulimaina le fa'agasologa o le gaosiga mai le fa'atonuga i le faila ua mae'a. E gaosia ai vitio, fa'apotopotoina, fa'aleoina, ma fa'aliliuina.
Automation — MCP для Google Flow, Google Vids и ClaudeE fatuina e Google Flow le vitio, e fatuina e Google Vids le avatar. E pulea e le fa'aopoopoga le laina fa'asolo: fa'atonuga, 39 metotia fa'a-cinematic, se failauga tautala. E faia mea uma e ala ia Claude.Fa'apipi'i fua
TikTok Symphony Creative Studio MCP Claude CodeClaude Code e fa'atautaia TikTok Symphony Creative Studio i luga o MCP: vitio AI, avatars tautala, dubbing, ma le fa'asa'oina.Fa'apipi'i fua
SeedFlow — Seedance 2.5 в Dreamina, Qwen-Audio-3.1-TTS и Claude MCPO le gaosiga o vitio fa'aputu i Dreamina: Seedance 2.5 e fa'amalosia ai se fa'aopoopoga; o le tau i credits e mafai ona va'aia a'o le'i fa'alauiloaina. Voiceover — Qwen-Audio-3.1-TTS.Fa'apipi'i fua