Wikiō hoʻokuʻu Frame ma Frame
ʻŌlelo aʻoaʻo
E nīnau mai iaʻu no: ka inoa o kaʻu huahana, kahi logo (a i ʻole e ʻae iā ʻoe e kahakiʻi i kahi māka maʻalahi), ka mea hoʻokahi laina a ka mea hoʻohana e paʻi ai i loko o ka pahu wikiwiki, ka ʻaoʻao e pane ana iā ia (inoa + 2-3 mau ʻōlelo me hoʻokahi huaʻōlelo koʻikoʻi), ʻelua mau inoa hiʻohiʻona no nā kāleka i hoʻopaʻa ʻia, a me kahi mele mele. Inā haʻalele wau i kekahi, e hoʻohana i nā paʻamau: huahana "Frame by Frame" e noho ana i loko o kāna Whop hub, kahi māka viewfinder (ʻehā mau pale kihi a puni kahi "FF" wiwo ʻole), prompt "Hana i kahi wikiō hoʻomaka no kaʻu app", kahi ʻaoʻao haʻawina i kapa ʻia ʻo "2.1 E koho i kahi kuhikuhi", nā kāleka "Launch" a me "Sound", a ua lohi ka mele hale manuahi a Mixkit ʻo "Rising Forest" i 124 BPM.
He kiʻi huinaha 12 kekona, 1080x1080, helu kiʻi ma 29.97 fps (f0–f359), haku ʻia ma 59.94 fps. Manaʻo Apple-keynote: palupalu, keʻokeʻo, uliuli ʻālohilohi, aniani. ʻAʻole ʻoki ke kāmela ma kahi kiʻi paʻa: komo kēlā me kēia pana e neʻe ana (exponential ease-out, 12–19% o ke koena o ka mamao no kēlā me kēia kiʻi) a haʻalele i kahi neʻe wikiwiki a i ʻole kahi blur ramp. Hahai ka blur i ka wikiwiki a me ke kuhikuhi ma kēlā me kēia neʻe.
Palette: ʻaoʻao #FDFDFB, noe #B7CFEB, hau #E6F0FA, uliuli hohonu #294376 → #769CC2 gradient lani, navy #1E2F52, uliuli accent #2F6BFF / #3CC8F0 / mint #4ED6A0, keʻokeʻo. ʻAno: Inter (400/500/600/700). ʻAʻohe poni, poni, magenta a ʻalani paha ma nā wahi āpau.
Moʻolelo: piʻi aʻe ke poʻo huahana mai loko mai o kahi noe polū i loko o ka puka makani polokalamu māmā → heʻe ka cursor i loko, huli i kahi e hele ai, ulu aʻe ma luna o ka hover a kaomi i ka logo → ʻoki paʻakikī ma ka hāʻule mele i ka ikona polokalamu me ʻehā mau huinahā e kaapuni ana i loko o kahi keʻa → hiolo ka ikona i loko o kahi papa kuhikuhi Mac → kaomi ka cursor i ka ikona papa kuhikuhi, puka mai kahi pahu kauoha aniani hau a ʻano ka prompt → whip-tilt i luna ma o kahi kukui polū māmā i loko o ka ʻaoʻao pane e ʻōwili ana i kahi → piʻi aʻe ke kāleka ma luna ona → blur-dissolve i ʻelua kāleka i hoʻopaʻa ʻia me nā poʻo inoa aniani hau nui → blur-dissolve i ka disc logo hoʻokahi → ʻoki paʻakikī i kahi kāleka ʻeleʻele me kahi huaʻōlelo ʻālohilohi.
Ua pāpā ʻia: nā crossfades, nā mōlina paʻa (koe wale nō hoʻokahi paʻa ma S7), nā kime UI waihona, ʻālohilohi ma ka kikokikona UI, Math.random, nā mea āpau e like me kahi template.
ʻO nā hoʻonohonoho he px ma ke kahua 1080. ʻO ke kuʻi mele k = 0.048 + 0.4838·ks (124 BPM, hoʻokahi kuʻi = 14.5 mau mōlina). ʻO nā ʻoki paʻakikī ʻekolu f72, f101, f159 e pae ana i 2 mau mōlina ma mua o kahi kuʻi: e mālama i kēia mau mōlina like.
S1 f0–71, poʻomanaʻo + puka makani + kaomi: haze #B7CFEB e mae ana i #FDFDFB e f28, e mālama i kahi ʻālohilohi papahele polū #DBEEFD ma lalo. Poʻomanaʻo ma hoʻokahi laina: logo disc ⌀132 (#FBFCFE, 1px rim #E8E8EA, māka ʻeleʻele), ka inoa huahana (Inter 500), kahi pila capsule ʻeleʻele "ma Whop" (#2F2E2F, kikokikona keʻokeʻo); ʻo ka laka holoʻokoʻa e uhi ana i ka x474–1063, piʻi ka laina waena y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), e neʻe ana i 1 px/kiʻi ma hope. ʻIke ʻia ka inoa f2 blurred, pill f4–5 blurred nui a paheʻe 15 px i ka hema i kona ʻoi ʻana. He puka makani kikowaena kukui (radius 93, hoʻopiha #FCFDFF, kāʻei luna #F1F6FF, ʻālohilohi papahele loko polū) e mae ana a puni: opacity 0 a i f14, 0.53 f15, 0.7 f19, 1.0 f24; kihi hema-luna (408,405), e holo ana mai ka ʻākau a me lalo. I loko: he pila huli ma ke kāʻei luna, he kolamu ikona hema (ikona Papa ma (537,739), ikona Kamaʻilio mae ma (537,900)), a me kahi kāleka papa mai (764,700) ma waho o ke kiʻi me kona kiʻi uhi, inoa a me "Papa · 8 mau haʻawina". ʻIke ʻia Cursor (pua ʻeleʻele macOS, outline keʻokeʻo, 32x39) f27 ma (891,393), neʻe hema e hoʻolohi ana i (770,383) f44, hoʻohuli e kuhikuhi i lalo hema f47–51 i kona luʻu ʻana, pae ma ka ʻākau lalo o ka disc (629,564) f56 → (587,546) f59 → (555,531) f71; ulu ×1.55 ma ka hover mai f56; he apo hau palupalu (#D5F3FF → #F7FEFF, waho ⌀174) e hoʻomālamalama ana a puni ka disc mai f53. Hoʻonui ke kāmela a puni (540,540): 1.0 f46 → 1.2 f60 ease-in-out, paʻa i ka f61, a laila hoʻomāmā i ka wikiwiki i 1.04 ma f71 ʻoiai ke kaomi nei ka cursor (emi 15% f69–71).
S2 f72–100, ikona + ka hoʻohele: ikona polokalamu ʻōuliuli moana (#294376 → #1E2F52, māka keʻokeʻo), 276 px ma f72 e emi ana i ka hoʻēmi ʻana i 178 px ma o f86, radius 28% o ka laulā, ma kahi diski halo hina #E9E9E7 e ulu ana ⌀240 (f75) → 326 (f86). ʻEhā mau huinahā 92 px (radius 26) e milo ana i ka ʻaoʻao ʻē aʻe o ka uaki, e hoʻēmi ana, a hoʻopaʻa i loko o kahi keʻa ma ka radius o ka hoʻohele ≈216 ma o f86: keʻokeʻo (1px #E3E8EF lihi + aka palupalu) hema, #2F6BFF luna, #3CC8F0 ʻākau, #4ED6A0 lalo. f88–100: emi ka ikona me ka wikiwiki i ≈40 px, paheʻe nā huinahā i loko o kahi lālani ma kona ʻākau (paheʻe keʻokeʻo ma hope o ka ikona), blur ramps 0.3 → 6 px.
S3 f101–158, papa kuhikuhi + kuhikuhi: ʻaoʻao keʻokeʻo ma luna o kahi kāʻei bezel kamepiula lawe lima ʻeleʻele (y425–475, mea koʻikoʻi luna #686866), kahi papa kuhikuhi navy ʻeleʻele (y477–538), pepa paia ma lalo = ka gradient lani polū me ke kiʻi laina keʻokeʻo lahilahi (hoʻokahi pōʻai nui, ʻelua laina ākea, hoʻokahi kū pololei, he ʻālohilohi ʻehā kiko ma kahi keʻa, ʻālohilohi poni palupalu ma luna ʻākau). ʻO ka hui ʻākau o ka papa kuhikuhi i keʻokeʻo: Wi-Fi, pila, hoʻololi, ka māka huahana ma x531–584, ʻekolu ⌀36 kiko #2F6BFF / #3CC8F0 / #4ED6A0 ma x612, 661, 709, "Pōʻakahi Iune 22 9:41 AM" 34 px. Komo i loko o ka blurred 3 px a noho ma ka f110. Piʻi Cursor mai lalo (f102), noho ma ka māka, kaomi iā f113–117. ʻO ka ʻike o ke kāmela ma ka ʻākau +125 px f115–130 (wikiwiki loa f118–120). Puka mai kahi pahu aniani hau (aniani keʻokeʻo-polū ma luna o ka lewa, lihi luna ʻālohilohi, radius 60) mai lalo o ka māka f116: piʻi ka laulā i 744 ma f126 a noho i 726x228 ma ka f138 a puni x196–922, y568–797. ʻO ke ʻano o ka prompt mai f121 (ʻo "Hana" mua i heluhelu ʻia) a i f150 (piha) ma kahi o 1 char/frame me kahi 1-frame e paʻa ana i kēlā me kēia 2–3 mau char; caret mau ma luna; ʻekolu mau kiʻiona outline keʻokeʻo ma lalo; pihi hoʻouna #2F6BFF ⌀51 me kahi pua keʻokeʻo i luna. Mai f136, piʻi aʻe ke kiʻi holoʻokoʻa, e wikiwiki ana i kahi whip-tilt (e neʻe ana ʻo f158 ≈25 px/frame, vertical blur ≈6–8 px) ʻoiai ke kala ʻana o ka ʻaoʻao i ka #E6F4FE ma luna o f154–158.
S4 f159–186, ʻaoʻao pane: he ʻaoʻao haʻawina papa māmā (breadcrumb, inoa, kino): kolamu kikokikona x120, kino 47 px Inter 400 hina #BCBCA, laina pitch 58, hoʻokahi huaʻōlelo koʻikoʻi ("kiʻi no ka kiʻi") i ka ʻeleʻele 600. Hōʻea mai ia me ka hamo ʻia a me 420 px haʻahaʻa, ʻōwili i luna me nā offsets 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), a laila kolo −6 px e f186. Blur 24 px (f159) → 1.5 (f165) → 0. Flash #E2F4FE mae i #FDFDFB e f165. Holo ka ʻōwili i kahi kiʻiʻoniʻoni e kuhikuhi pololei ana i luna a kū ma lalo o ka huaʻōlelo koʻikoʻi (≈(450,591) f180), a laila neʻe pololei i ka ʻākau.
S5 f187–214, kāleka: he kāleka keʻokeʻo (x203–878, holo mai lalo) e piʻi aʻe ana ma luna o ka ʻaoʻao: kiʻi uhi 627x536 inset 24 px, radius 64, kahi pā hopu kukui ma kona kikowaena luna, caption semibold 38 px ʻeleʻele, sub-caption hina 23 px. Uhi luna y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), a laila e hoʻomau i ka neʻe ʻana i luna ~4 px/kiʻi. Piʻi ka blur o ke kāleka i 3.8 px ma f189, ʻoi aku ka pololei ma o f201; blur ka ʻaoʻao ma hope o ka ʻaoʻao i ≈2.5 px. Puka i ka f207–214: emi ke kāleka ~5% a piʻi aʻe ʻoiai e blur ka kiʻi holoʻokoʻa i 1 → 7 px; ʻoki ʻia ma ka piko blur.
S6 f215–244, ʻelua kāleka: ʻaoʻao keʻokeʻo, ʻelua kāleka i hoʻopaʻa ʻia 538x348 (radius 57, hakahaka 36) i waenakonu o x540, ke kāleka luna e kau ana ma y168 e f230, lalo ma y552. Kēlā me kēia: kiʻi uhi (ʻaʻohe kikokikona i hoʻomoʻa ʻia i loko), kahi pila hau ma luna hema ("Module 3" / "Module 5"), kahi poepoe hau "•••" ma luna ʻākau, a me kahi poʻo inoa nui wiwo ʻole ma ka ʻaoʻao lalo i hana ʻia me ke aniani hau (he kope blurred, hoʻomālamalama ʻia o ke kiʻi i ʻoki ʻia i nā leka, i ʻoki ʻia e ka ʻaoʻao lalo o ke kāleka): "Launch" a me "Sound". Komo nā mea ʻelua i blurred 12 px a ʻoi ma f224; komo ke kāleka luna i 8% nui a piʻi aʻe mai y264; piʻi ke kāleka lalo mai y927, e hele wāwae ana ma hope ona. Holo lākou i luna 3 px/kiʻi f230–238, a laila e hoʻolalelale i luna a blur i waho i loko o ka ʻoki.
S7 f245–300, pā logo: ʻaoʻao #FDFDFB, pā ⌀168 #F6F6F6 me ka māka ʻeleʻele, piʻi aʻe i waenakonu (luna y569 f245 → 491 f250 → 468 f255 → 456 f269) me kahi hamo kū pololei ma ka mōlina ʻoki, paʻa mau i ka f269–287 (ʻo ia wale nō ke kīkoʻo paʻa), a laila emi iho me ka wikiwiki i ka ⌀123 ma f300.
S8 f301–359, kāleka hopena: kua radial ʻeleʻele (#020204 kihi, ≈#272729 a puni ka huaʻōlelo), ka māka huaʻōlelo ma Inter 600, keʻokeʻo #F3F3F5 me kahi ʻālohilohi paʻa a me kahi halo palupalu ākea, kikowaena (540,540). Ka laulā o ka huaʻōlelo: ≈1650 px f301 (pālahalaha ʻia, nā kaha zoom) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/frame shrink) → 492 f350, a laila hiolo ease-in: 450 f355 → 267 f359 me ka blur e piʻi ana i 3.5 px. Pau ke kiʻiʻoniʻoni i ka waenakonu o ka hiolo ʻana.
1. Hoʻokahi ʻaoʻao HTML, 1080x1080, i kaha ʻia e seek(t) ma ke ʻano he hana maʻemaʻe o ka helu frame. ʻAʻohe hoʻololi CSS, ʻaʻohe timers, ʻaʻohe Math.random (nā hashes seeded wale nō). Hoʻopaʻa inoa nā kiʻi ma ke ʻano he {f0, f1, render(localFrame)}.
2. Hoʻomau ʻia kēlā me kēia waiwai i ka helu mōlina (hōʻike ka haku 59.94 i nā hapalua mōlina): hoʻāla me nā papa keyframe kf(frame, [[f, value],...], ease) a me nā papa huli no kēlā me kēia mōlina me ka interpolation linear. ʻAʻohe Math.floor ma ka neʻe ʻana.
3. Blur: Kānana CSS blur no ka blur poepoe, SVG feGaussianBlur me ka x/y stdDeviation kaʻawale no nā smears kuhikuhi. Zoom smear ma ke kāleka hopena = 20–30 mau kope i hoʻonui ʻia, mae o ka huaʻōlelo. Aniani hau = he kope blurred, hoʻomālamalama ʻia o ka mea ma hope, i ʻoki ʻia i ke ʻano.
4. Cursor: hoʻokahi pua SVG macOS (hoʻopiha ʻeleʻele, outline keʻokeʻo, aka palupalu) me ka hoʻohuli a me ka unahi, hoʻohana hou ʻia ma S1, S3, S4.
5. Leo (ʻaʻohe leo), pololei 12.075 s: mele ma 124 BPM, intro palupalu, ka hāʻule ʻana ma 2.47 s (beat 5, alakaʻi ka ʻoki f72 iā ia ma 2 mau kiʻi). SFX i hoʻohui ʻia: hopena palupalu 0.10 s; whooshes peaking ma nā ʻoki 2.402, 3.370, 5.305, 10.043 s; hoʻololi pololei ka hoʻololi ma 6.240 s a me 8.175 s; kaomi ma 2.33 a me 3.83 s; kī mālie loa ke kī i kēlā me kēia ~32 ms ma luna o 4.04–5.00 s; he ʻālohilohi palupalu ma 10.05 s. Master i −14 LUFS, piko maoli −1 dBTP, ʻaʻohe mae koe wale nō nā 60 ms hope loa.
6. Hāʻawi me Playwright (hoʻokahi kiʻi paʻi no kēlā me kēia mōlina, hoʻouka mua ʻia nā kinona), encode H.264 yuv420p ma 60000/1001, mux i ke kani.
E ana i ke kikokikona ma hope o ka hoʻouka ʻana o nā kinona hua. ʻAʻole e kūpono kahi inoa huahana lōʻihi ma kahi o kahi inoa 5-leka: e hoʻonui i ka laka holoʻokoʻa (ka hakahaka disc, ka inoa, ka pila) e kūpono i ka laulā x474–1063, mai hoʻokuʻu i ka pila e hāʻule mai ka mōlina. Nalo kahi huinahā orbit keʻokeʻo ma ka ʻaoʻao keʻokeʻo me ka ʻole o kahi lihi 1px a me kahi aka palupalu. Mai kau i nā kiʻi me kā lākou kikokikona ponoʻī i loko o nā kāleka S6, a i ʻole e pālua ka inoa aniani. E mālama pono i nā mōlina ʻoki ʻoiai ʻaʻole lākou e noho ma kahi kuʻi. ʻAʻohe mea e paʻa koe wale nō ʻo S7 f269–287. Hiki i nā papa blur kaumaha ke holoi loa i kahi ʻano: inā ʻike ʻole kahi mōlina, e hoʻohaʻahaʻa i ka blur a hiki i ka heluhelu ʻana o ke ʻano.
E noi mai iaʻu no nā mea i hoʻokomo ʻia. A laila e hōʻike mai iaʻu i 4 mau kiʻi paʻa (f40 poʻomanaʻo ma ka puka makani, f86 ikona keʻa, f150 hoʻopau ʻia ka ʻōlelo aʻoaʻo, f230 nā kāleka ʻelua) ma mua o kou hōʻike ʻana i ke kiʻiʻoniʻoni piha.
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.
Ua lawe ʻia ka ʻōlelo aʻoaʻo mai pou @notdwd.
- Hoʻohālike
- Opus 5.5
- Paʻi ʻia
E hana i kahi wikiō e like me kēia
E hana i nā wikiō e like me kēia iā ʻoe iho—7 manawa ʻoi aku ka liʻiliʻi o ke kumukūʻai ma mua o ka API—me kā mākou hoʻonui Google Chrome.. Hana pū me Claude ma o MCP: wehewehe ʻoe i ka hana, a mālama ka hoʻonui i ke kaʻina hana mai ka wikiwiki a i ka faila i pau. Hoʻopuka ia i nā wikiō, hōʻuluʻulu iā lākou, hoʻopuka leo iā lākou, a unuhi iā lākou.
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