Գործարկել տեսանյութի վերափոխման համեմատությունը

Հարցրեք ինձ՝ իմ ապրանքի անվանումը, լոգոն (կամ թույլ տվեք նկարել պարզ նշան), իմ ապրանքանիշի գույները (կամ հանեք դրանք իմ լոգոյից), օգտատիրոջ կողմից հարցման դաշտում մուտքագրվող մեկ տողանոց բանալի բառը, պատասխանող էջը (վերնագիր + 2-3 նախադասություն մեկ բանալի արտահայտությամբ), դարսված քարտերի երկու անվանումները և երաժշտական երգը: Եթե ես որևէ մեկը բաց թողնեմ, կօգտագործեմ լռելյայն արժեքները՝ ապրանք «Կադր առ կադր», որը գտնվում է իր Whop հանգույցի ներսում, տեսադաշտի նշան (չորս անկյունային փակագծեր թավ «FF» տառի շուրջը), հարց «Պատրաստեք մեկնարկի տեսանյութ իմ հավելվածի համար», դասի էջ՝ «2.1 Ընտրեք հղում», «Գործարկում» և «Ձայն» քարտերը, և Mixkit-ի անվճար հաուս թրեքը՝ «Rising Forest»-ը, դանդաղեց մինչև 124 BPM:

12 վայրկյան տևողությամբ քառակուսի պատկեր, 1080x1080, կադրերի քանակը՝ 29.97 կադր/վրկ (f0–f359), վարպետական ռենդերինգը՝ 59.94 կադր/վրկ: Apple-ի ոճի զգացողություն՝ մեղմ, սպիտակ, վառ կապույտ, ապակեպատ: Տեսախցիկը երբեք չի ընդհատվում անշարժ կադրի վրա. յուրաքանչյուր կադր մտնում է արդեն շարժվող վիճակում (էքսպոնենցիալ թուլացում, կադրի մնացած հեռավորության 12–19%-ը) և հեռանում է արագացող շարժումով կամ մշուշոտ թեքությամբ: Մշուշոտությունը հետևում է արագությանը և ուղղությանը յուրաքանչյուր շարժման ժամանակ:
Պալիտրա. իմ ապրանքանիշի գույները համընկնում են այս դերերի հետ. եթե ես ոչ մի գույն չեմ նշում, օգտագործեք #FDFDFB էջը, մշուշ #B7CFEB, սառույց #E6F0FA, խորը կապույտ #294376 → #769CC2 երկնային գրադիենտ, մուգ կապույտ #1E2F52, շեշտադրված կապույտներ #2F6BFF / #3CC8F0 / անանուխ #4ED6A0, սպիտակ: Տեսակը՝ Inter (400/500/600/700): Ոչ մի տեղ մանուշակագույն, մանուշակագույն, մագենտա կամ նարնջագույն չկա:
Պատմություն. ապրանքի վերնագիրը բարձրանում է լուսավորված հավելվածի պատուհանի կապույտ մշուշի միջից → կուրսորը սահում է ներս, շրջվում դեպի այն կողմը, որտեղ գնում է, մեծանում է մկնիկը պահելիս և սեղմում լոգոյի վրա → երաժշտական կաթիլի վրա կոշտ կտրվածք՝ հավելվածի պատկերակին՝ չորս քառակուսիներով, որոնք պտտվում են խաչի մեջ → պատկերակը ծալվում է Mac-ի մենյուի տողի մեջ → կուրսորը սեղմում է մենյուի տողի պատկերակին, դուրս է գալիս մշուշոտ ապակե հուշման տուփ, և հուշումը մուտքագրում է → բաց կապույտ լույսի միջով թեքվում է վերև՝ պատասխանների էջում գլորվելով իր տեղը → քարտը բարձրանում է դրա վրայով → մշուշոտ-լուծվում է երկու դարսված քարտերի՝ հսկայական մշուշոտ ապակե վերնագրերով → մշուշոտ-լուծվում է միայնակ լոգոյի սկավառակի վրա → կոշտ կտրվածք՝ սև ծայրում գտնվող քարտի՝ լուսավորվող բառային նշանով։
Արգելված են՝ խաչաձև սահումները, սառեցված կադրերը (բացառությամբ S7-ում մեկ պահման), ստանդարտ UI հավաքածուները, UI տեքստի վրա լուսարձակումները, Math.random-ը, ցանկացած բան, որը նման է ձևանմուշի։

Կոորդինատները px են 1080 բեմի վրա։ Երաժշտական թեթև հարվածը k = 0.048 + 0.4838·ks (124 BPM, մեկ հարված = 14.5 կադր)։ Երեք կոշտ կտրվածքները՝ f72, f101, f159, հարվածից առաջ տալիս են 2 կադր. պահպանեք հենց այս կադրերը։
S1 f0–71, վերնագիր + պատուհան + սեղմում. մշուշը #B7CFEB մարում է մինչև #FDFDFB f28-ով, ներքևում պահում է կապույտ հատակի փայլը #DBEEFD: Վերնագիր մեկ տողում. լոգոյի սկավառակ ⌀132 (#FBFCFE, 1px եզր #E8E8EA, մուգ նշան), ապրանքի անվանումը (Inter 500), մուգ պարկուճային հաբ «Whop-ի վրա» (#2F2E2F, սպիտակ տեքստ). ամբողջ փականը տարածվում է x474–1063-ի վրա, կենտրոնական գիծը բարձրանում է y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), տեղաշարժվում է 1 px/կադրից հետո: Անունը հայտնվում է f2 մշուշոտ, հաբ f4–5-ը խիստ մշուշոտ է և սահում է 15 px ձախ, երբ այն սրվում է: Լույսի կենտրոնի պատուհանը (շառավիղ 93, լցոնում #FCFDFF, վերին գոտի #F1F6FF, կապույտ ներքին հատակի փայլ) մարում է դրա շուրջը. անթափանցիկություն 0-ից f14, 0.53 f15, 0.7 f19, 1.0 f24; վերին ձախ անկյունը (408,405), ձգվում է աջից և ներքևից։ Ներսում. որոնման հաբ վերին գոտում, ձախ պատկերակի սյունակ (Դասընթացների պատկերակը (537,739)-ում, մարած զրույցի պատկերակը (537,900)-ում) և դասընթացի քարտ (764,700) կադրից դուրս՝ իր շապիկի պատկերով, վերնագրով և «Դասընթաց · 8 դաս» գրությամբ։ Cursor (սև macOS նետ, սպիտակ ուրվագիծ, 32x39) հայտնվում է f27-ով՝ (891,393) կետում, սահում է ձախ՝ դանդաղելով մինչև (770,383) f44, պտտվում է դեպի ներքև-ձախ f47–51 կետը, երբ այն սուզվում է, վայրէջք է կատարում սկավառակի ստորին աջ անկյունում (629,564) f56 → (587,546) f59 → (555,531) f71; f56-ից մկնիկը պահելիս մեծանում է ×1.55; f53-ից սկավառակի շուրջը լուսավորվում է փափուկ սառցե օղակ (#D5F3FF → #F7FEFF, արտաքին ⌀174): Տեսախցիկը մեծանում է (540,540). 1.0 f46 → 1.2 f60 մուտք-ելք, պահում է f61-ը, ապա դանդաղում է դեպի 1.04՝ f71-ում, մինչ կուրսորը սեղմում է (կծկվում է 15%-ով f69–71):
S2 f72–100, պատկերակ + ուղեծիր. մուգ կապույտ շրջանաձև հավելվածի պատկերակ (#294376 → #1E2F52, սպիտակ նշան), 276 px f72-ում, փոքրանում է մինչև 178 px f86-ով, շառավիղը՝ լայնության 28%-ը, մոխրագույն լուսապսակի սկավառակի վրա #E9E9E7, որը մեծանում է ⌀240 (f75) → 326 (f86): Չորս 92 px քառակուսիներ (շառավիղը՝ 26) պտտվում են ժամացույցի սլաքի հակառակ ուղղությամբ, դանդաղում և ամրանում են խաչի մեջ՝ f86-ով ≈216 շառավղով ուղեծրում. սպիտակ (1px #E3E8EF եզր + թույլ ստվեր) ձախ, #2F6BFF վերև, #3CC8F0 աջ, #4ED6A0 ներքև: f88–100: պատկերակը արագանում է մինչև ≈40 px, քառակուսիները սահում են աջ կողմում շարքով (սպիտակ գույնը սահում է պատկերակի հետևում), մշուշոտության թեքությունները մեծանում են 0.3 → 6 px-ով։
S3 f101–158, մենյուի տող + հուշում. սպիտակ էջ սև նոութբուքի շրջանակի վերևում (y425–475, վերևի լուսավորում #686866), մուգ կապույտ մենյուի տող (y477–538), ներքևում պաստառ = կապույտ երկնքի գրադիենտ՝ բարակ սպիտակ գծանկարով (մեկ մեծ շրջան, երկու հորիզոնական գծեր, մեկ ուղղահայաց, չորս կետանոց փայլ խաչմերուկում, մեղմ կապտավուն փայլ վերևից աջ): Մենյուի տողի աջ կլաստերը սպիտակ գույնով. Wi-Fi, մարտկոց, անջատիչներ, ապրանքի նշանը x531–584-ում, երեք ⌀36 կետ #2F6BFF / #3CC8F0 / #4ED6A0 x612-ում, 661, 709, "Երկ 22 Հունիս 9:41 AM" 34 px: Մտնում է մշուշոտ 3 px և կանգ է առնում f110-ով: Cursor բարձրանում է ներքևից (f102), կանգնում է նշանի վրա, սեղմում f113–117: Տեսախցիկը պարունակությունը տեղաշարժում է աջ +125 px f115–130 (ամենաարագ f118–120): F116 նշանի տակից դուրս է գալիս մշուշապատ ապակե տուփ (սպիտակ-կապույտ ապակի երկնքի վրա, պայծառ վերին եզր, 60 շառավղով). լայնությունը f126-ում հասնում է 744-ի և հասնում 726x228-ի f138-ի մոտ x196–922-ի, y568–797-ի սահմաններում: Հուշումը մուտքագրում է f121-ից (առաջին ընթեռնելի «Արտադրել») մինչև f150 (ամբողջական)՝ մոտ 1 նիշ/կադր՝ յուրաքանչյուր 2-3 նիշը մեկ կադր պահելով. սլաքը միշտ միացված է. ներքևի մասում կան երեք սպիտակ ուրվագծային պատկերակներ. ուղարկման կոճակ #2F6BFF ⌀51՝ սպիտակ վերև նետով: f136-ից ամբողջ տեսարանը բարձրանում է՝ արագանալով դեպի կտրուկ թեքություն (f158-ը շարժվում է ≈25 px/կադր, ուղղահայաց մշուշոտում ≈6–8 px), մինչդեռ էջը երանգավորվում է #E6F4FE f154–158-ի վրայով։
S4 f159–186, պատասխանների էջ՝ թեթև դասընթացի դասի էջ (հացի փշրանքներ, վերնագիր, մարմին). տեքստային սյունակ x120, մարմին՝ 47 px Inter 400 մոխրագույն #BCBCBA, տողի բարձրություն՝ 58, մեկ բանալի արտահայտություն («կադր առ շրջանակ»)՝ սև 600 գույնով: Այն գալիս է քսված և 420 px ցածր, վերև է գլորվում 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180) շեղումներով, ապա սողում է −6 px-ով՝ f186-ով: Մշուշոտվում է 24 px (f159) → 1.5 (f165) → 0: #E2F4FE-ն մարում է մինչև #FDFDFB՝ f165-ով: Ուղիղ վերև ուղղված կուրսորը շարժվում է ոլորման վրա և կանգ է առնում բանալի արտահայտության տակ (≈(450,591) f180), ապա տեղաշարժվում է աջ։
S5 f187–214, քարտ. սպիտակ քարտը (x203–878, ներքևից է սկսվում) բարձրանում է էջի վրայով. շապիկի պատկերի չափսը՝ 627x536 ներդիր՝ 24 px, շառավղը՝ 64, լույսը կլանող գիծ վերևի կենտրոնում, կիսաթանկարժեք մակագրությունը՝ 38 px սև, ենթամակագրությունը՝ մոխրագույն՝ 23 px: Շապիկի վերևի մասը՝ y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), ապա շարունակում է բարձրանալ մոտ 4 px/կադր: Քարտի մշուշոտությունը հասնում է 3.8 px-ի f189-ում, սրությունը՝ f201-ով. հետևի էջը մշուշոտվում է մինչև ≈2.5 px: Ելք f207–214-ից. քարտը փոքրանում է մոտ 5%-ով և բարձրանում, մինչդեռ ամբողջ կադրը մշուշոտվում է 1 → 7 px; կտրվում է մշուշոտության գագաթնակետին:
S6 f215–244, երկու քարտ՝ սպիտակ էջ, երկու դարսված քարտեր՝ 538x348 (շառավղով 57, բացվածքով 36), որոնք կենտրոնացած են x540-ի վրա, վերին քարտը կանգ է առնում y168-ի և f230-ի վրա, ներքևի քարտը՝ y552-ի վրա: Յուրաքանչյուրը՝ շապիկի նկար (դրա վրա տեքստ չկա), վերևի ձախ անկյունում մշուշոտ հաբ («Մոդուլ 3» / «Մոդուլ 5»), վերևի աջ անկյունում մշուշոտ կլոր «•••» և ներքևի եզրին գտնվող հսկայական թավ վերնագիր՝ պատրաստված մշուշոտ ապակուց (պատկերի մշուշոտ, լուսավորված պատճենը կտրված է տառերին՝ քարտի ներքևի եզրով). «Գործարկել» և «Հնչեցնել»: Երկուսն էլ մտնում են մշուշոտ 12 px և սուր՝ f224-ով. վերևի քարտը մտնում է 8% մեծությամբ և բարձրանում է y264-ից. ներքևի քարտը բարձրանում է y927-ից, տատանվելով դրա հետևում: Դրանք բարձրանում են 3 px/կադր f230–238, ապա արագանում և մշուշոտվում կտրվածքի մեջ:
S7 f245–300, լոգոտիպով սկավառակ՝ էջ #FDFDFB, սկավառակ ⌀168 #F6F6F6 մուգ նշանով, բարձրանում է դեպի կենտրոն (վերև y569 f245 → 491 f250 → 468 f255 → 456 f269) կտրված շրջանակի վրա ուղղահայաց բիծով, անշարժ է մնում f269–287 դիրքում (միակ սառեցված հատվածը), ապա f300 դիրքում արագանալով՝ կծկվում է մինչև ⌀123։
S8 f301–359, ավարտի քարտ՝ սև ճառագայթաձև ֆոն (#020204 անկյուններ, ≈#272729 բառի շուրջ), բառային նշանը Inter 600-ում, սպիտակ #F3F3F5՝ խիտ փայլով և լայն, փափուկ լուսապսակով, կենտրոնում (540,540): Բառի լայնությունը՝ ≈1650 px f301 (հորիզոնականորեն քսված, մեծացված շերտեր) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/կադրի նեղացում) → 492 f350, ապա ծալվում է ease-in՝ 450 f355 → 267 f359՝ մինչև 3.5 px մշուշոտությամբ: Ֆիլմն ավարտվում է ծալման կեսին:

1. Մեկ HTML էջ, 1080x1080, նկարված seek(t)-ով որպես կադրի համարի մաքուր ֆունկցիա։ CSS անցումներ, ժամանակաչափեր, Math.random (միայն սերմնավորված հեշեր) չկան։ Կադրերը գրանցվում են որպես {f0, f1, render(localFrame)}։
2. Կադրի համարում յուրաքանչյուր արժեք անընդհատ է (59.94 գլխավոր ֆայլը ցուցադրում է կես կադր). անիմացիան իրականացվում է kf(frame, [[f, value],...], ease) բանալի կադրերի աղյուսակներով և յուրաքանչյուր կադրի որոնման աղյուսակներով՝ գծային ինտերպոլյացիայով: Շարժման դեպքում Math.floor չկա:
3. Մշուշոտում. CSS ֆիլտրի մշուշոտում կլոր մշուշոտման համար, SVG feGaussianBlur՝ առանձին x/y stdDeviation-ով՝ ուղղորդված շփոթումների համար: Մեծացված շփոթումը քարտի վերջում = բառի 20–30 մասշտաբավորված, գունաթափված պատճեններ: Մշուշոտ ապակի = ետևում գտնվողի մշուշոտ, լուսավորված պատճեն, որը կցված է պատկերին:
4. Cursor. մեկ SVG macOS նետ (սև լցոնում, սպիտակ ուրվագիծ, մեղմ ստվեր)՝ պտույտով և մասշտաբով, վերօգտագործված S1, S3, S4-ում։
5. Հնչյուն (առանց ձայնի), ճիշտ 12.075 վրկ. երաժշտություն 124 BPM ում, մեղմ ներածություն, անկում 2.47 վրկ-ում (5-րդ հարված, f72 կտրվածքը 2 կադրով առաջ է): Սինթեզված SFX. մեղմ հարված 0.10 վրկ. շշուկներ գագաթնակետին հասնող 2.402, 3.370, 5.305, 10.043 վրկ. անցումը տեղի է ունենում ճիշտ 6.240 և 8.175 վրկ.-ում. սեղմումներ 2.33 և 3.83 վրկ.-ում. շատ լուռ ստեղնային տկտկումներ յուրաքանչյուր ~32 մվրկ-ը 4.04–5.00 վրկ.-ի ընթացքում. մեղմ շողշողում 10.05 վրկ.-ում: Master-ից մինչև −14 LUFS, իրական գագաթնակետ −1 dBTP, առանց ֆեյդի, բացառությամբ վերջին 60 մվրկ-ի:
6. Ռենդերը Playwright միջոցով (մեկ էկրանի նկար յուրաքանչյուր կադրի համար, տառատեսակները բեռնված են նախ), կոդավորեք H.264 yuv420p-ը 60000/1001-ով, մուքսացրեք ձայնը։

Տեքստը չափեք միայն տառատեսակների բեռնումից հետո: Երկար ապրանքի անվանումը չի տեղավորվի 5 տառանոց անվանման տեղում. մասշտաբավորեք ամբողջ փակագիծը (սկավառակի բացը, անունը, դեղահաբը)՝ x474–1063 միջակայքում տեղավորվելու համար, թույլ մի տվեք, որ դեղահաբը դուրս ընկնի կադրից: Սպիտակ ուղեծրի քառակուսին անհետանում է սպիտակ էջում՝ առանց 1px եզրի և թույլ ստվերի: S6 քարտերի մեջ մի տեղադրեք սեփական տեքստով պատկերներ, թե չէ ապակե վերնագիրը կկրկնապատկվի: Կտրված կադրերը պահեք ճշգրիտ, նույնիսկ այնտեղ, որտեղ դրանք չեն նստում ռիթմի վրա: Ոչինչ չի կախվում, բացի S7 f269–287-ից: Ծանր մշուշոտ աղյուսակները կարող են ամբողջությամբ ջնջել ձևը. եթե շրջանակը դատարկ է թվում, իջեցրեք մշուշոտությունը, մինչև ձևը դեռ կարդացվի:

Հարցրեք ինձ մուտքային տվյալները։ Այնուհետև ցույց տվեք ինձ 4 լուսանկար (f40 վերնագիր պատուհանում, f86 պատկերակ խաչ, f150 ավարտված հուշում, f230 երկու քարտեր) նախքան ամբողջական ֆիլմը ցուցադրելը։

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.

Հուշումը վերցված է գրառում @notdwd.