Бейне ремейк салыстыруын іске қосыңыз

Маған мыналарды сұраңыз: өнім атауы, логотип (немесе қарапайым белгі салуға мүмкіндік береді), бренд түстері (немесе оларды логотипімнен алыңыз), пайдаланушы сұрау жолағына енгізетін бір жолды зат, оған жауап беретін бет (тақырып + бір кілт сөз тіркесі бар 2-3 сөйлем), жинақталған карталарға арналған екі функция атауы және музыкалық трек. Егер мен кез келгенін өткізіп жіберсем, әдепкі параметрлерді пайдаланыңыз: өнімнің Whop хабының ішінде орналасқан "Кадр бойынша кадр", видоискатель белгісі (қалың "FF" айналасындағы төрт бұрыштық жақша), "Қолданбам үшін іске қосу бейнесін жасау" сұрауы, "2.1 Сілтемені таңдаңыз" деп аталатын сабақ беті, "Іске қосу" және "Дыбыс" карталары және Mixkit-тің тегін хаус трегі "Rising Forest" 124 BPM ге дейін баяулады.

12 секундтық шаршы өнімнің суреті, 1080x1080, кадр нөмірлері 29,97 кадр/сек (f0–f359), мастер-рендеринг 59,94 кадр/сек. Алма тәрізді негізгі әсер: жұмсақ, ақ, ашық көк, әйнекті. Камера ешқашан қозғалмайтын кадрды кесіп тастамайды: әрбір кадр қозғалып тұрған кадрға енеді (экспоненциалды жеңілдік, кадрдағы қалған қашықтықтың 12–19%) және үдеу қозғалысымен немесе бұлыңғырлық рампымен кетеді. Бұлыңғырлық әрбір қозғалыста жылдамдық пен бағытты бақылайды.
Палитра: менің бренд түстерім осы рөлдерге сәйкес келеді; егер мен ештеңе бермесем, #FDFDFB бетін, тұман #B7CFEB, мұз #E6F0FA, терең көк #294376 → #769CC2 аспан градиентін, көкшіл #1E2F52, екпінді көк түстер #2F6BFF / #3CC8F0 / жалбыз #4ED6A0, ақ түсті пайдаланыңыз. Түрі: Inter (400/500/600/700). Күлгін, күлгін, қызыл күрең немесе қызғылт сары түстер жоқ.
Оқиға: өнім тақырыбы жарық қолданба терезесінің ішіндегі көк тұманнан көтеріледі → курсор сырғып кіреді, қайда бара жатқанын көрсетеді, тінтуірді апарғанда үлкейеді және логотипті басады → музыкадағы қатты кесу төрт шаршыдан тұратын қолданба белгішесіне крест тәрізді орналасады → белгіше Mac мәзір жолағына жиналады → курсор мәзір жолағы белгішесін басады, күңгірт әйнектен жасалған терезе шығады және шақыру теріледі → ашық көк жарқыл арқылы жауап бетіне айналдырып, орнына жылжиды → оның үстінен карта көтеріледі → үлкен күңгірт әйнектен жасалған тақырыптары бар екі қабатты картаға дейін бұлыңғыр-ерітіңіз → жалғыз логотип дискісіне дейін бұлыңғыр-ерітіңіз → жарқыраған сөз белгісі бар қара ұшына дейін қатты кесілген карта.
Тыйым салынған: айқас сәндеулер, қатып қалған кадрлар (S7-дегі бір ұстаудан басқа), стандартты UI жинақтары, UI мәтініндегі glows, Math.random, үлгіге ұқсайтын кез келген нәрсе.

Координаталар 1080 сахнасында px бойынша берілген. Музыкалық ырғақ k = 0.048 + 0.4838·ks (124 BPM, бір ырғақ = 14.5 кадр). Үш қатты кесінді f72, f101, f159 ырғағы бір ырғақ алдында 2 кадр түсіреді: осы дәл кадрларды сақтаңыз.
S1 f0–71, тақырып + терезе + шерту: тұман #B7CFEB f28 бойынша #FDFDFB-ге дейін сөніп, төменгі жағында көк еден жарқылын #DBEEFD қалдырыңыз. Бір жолдағы тақырып: логотип дискісі ⌀132 (#FBFCFE, 1 пиксель жиек #E8E8EA, қара белгі), өнім атауы (Inter 500), "Whop" қара капсула таблеткасы (#2F2E2F, ақ мәтін); бүкіл құлыптау x474–1063 аралығында, орталық сызық y932 дейін көтеріледі (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), кадр бойынша 1 пиксельге ығысады. Атауы f2 бұлыңғыр, f4–5 таблеткасы қатты бұлыңғыр және өткірленген сайын 15 пиксель солға сырғып кетеді. Айналасында жарық хаб терезесі (радиусы 93, толтыру #FCFDFF, жоғарғы жолақ #F1F6FF, көк ішкі еден жарығы) жоғалады: мөлдірлік 0-ден f14-ке дейін, 0.53 f15, 0.7 f19, 1.0 f24; жоғарғы сол жақ бұрыш (408,405), оң және төменгі жағынан өтеді. Ішінде: жоғарғы жолақта іздеу таблеткасы, сол жақ белгіше бағаны (Курстар белгішесі (537,739), күңгірт чат белгішесі (537,900)) және мұқаба суреті, тақырыбы және "Курс · 8 сабақ" деген жазуы бар (764,700) курс картасы. 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 пернесін ұстап тұрады, содан кейін курсор басылған кезде f71 нүктесінде 1.04-ке дейін жеделдейді (f69–71 15% кішірейеді).
S2 f72–100, белгіше + орбита: көк түсті дөңгелек қолданба белгішесі (#294376 → #1E2F52, ақ белгі), f72 нүктесінде 276 пиксель, f86 бойынша 178 пиксельге дейін кішірейіп, радиусы енінің 28%-ы, сұр гало дискісінде #E9E9E7 ⌀240 (f75) → 326 (f86) өсіп келеді. Төрт 92 пиксельдік шаршы (радиусы 26) сағат тіліне қарсы айналады, баяулайды және f86 бойынша ≈216 орбита радиусында айқасқа бекітіледі: ақ (1 пиксель #E3E8EF жиегі + әлсіз көлеңке) сол жақта, #2F6BFF жоғарғы жағында, #3CC8F0 оң жақта, #4ED6A0 төменгі жағында. f88–100: белгіше ≈40 пиксельге дейін үдеумен кішірейеді, шаршылар оң жақтағы қатарға сырғып кіреді (ақ белгішенің артында сырғып кетеді), бұлыңғырлық 0,3 → 6 пиксельге дейін төмендейді.
S3 f101–158, мәзір жолағы + шақыру: қара ноутбук жиегінің үстіндегі ақ бет (y425–475, жоғарғы ерекшелеу #686866), қою көк түсті мәзір жолағы (y477–538), төмендегі тұсқағаз = жұқа ақ сызықпен көгілдір аспан градиенті (бір үлкен шеңбер, екі көлденең сызық, бір тік, қиылыста төрт нүктелі жарқырау, жоғарғы оң жақта жұмсақ көгілдір жарқыл). Мәзір жолағының оң жақ кластері ақ түсті: Wi-Fi, батарея, ауыстырып-қосқыштар, x531–584 нүктелеріндегі өнім белгісі, x612, 661, 709 нүктелеріндегі үш ⌀36 нүкте #2F6BFF / #3CC8F0 / #4ED6A0, "Дүйсенбі, 22 маусым, сағат 9:41" 34 пиксель. Бұлыңғырлық 3 пиксельге енеді және f110-ға қарай орналасады. Cursor төменнен көтеріледі (f102), белгіге отырады, f113–117 пернелерін басады. Камера мазмұнды оң жақта +125 пиксель f115–130 (ең жылдам f118–120) көрсетеді. Кремді шыны қорап (аспан үстіндегі ақ-көк әйнек, ашық жоғарғы жиек, радиусы 60) f116 белгісінің астынан шығады: ені f126 нүктесінде 744-ке жетеді және x196–922, y568–797 шамасында f138-ге 726x228 орналасады. Сұрау f121-ден (бірінші оқылатын "Жасау") f150-ге (аяқталған) шамамен 1 таңба/кадрда теріледі, әрбір 2–3 таңба сайын 1 кадр ұсталады; курсор әрқашан қосулы; төменгі жағында үш ақ контур белгішесі; ақ жоғары көрсеткісі бар #2F6BFF ⌀51 жіберу түймесі. f136 кадрынан бастап бүкіл көрініс жоғары қарай жылжиды, қамшы тәрізді еңкейеді (f158 кадр бойынша ≈25 пиксель қозғалады, тік бұлыңғырлық ≈6–8 пиксель), ал бет f154–158 кадрының үстінен #E6F4FE реңкімен боялады.
S4 f159–186, жауап беті: жеңіл курс сабағы беті (нұсқаулық, тақырып, негізгі бөлім): мәтіндік баған x120, негізгі бөлім 47 пиксель, Inter 400 сұр #BCBCBA, жол аралығы 58, бір кілт сөз тіркесі ("кадрдан кадрға") қара түспен 600. Ол жағылған және 420 пиксель төмен келеді, 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180) ығысуларымен жоғары қарай айналдырылады, содан кейін f186 бойынша −6 пиксельге дейін жылжиды. Бұлыңғырлық 24 пиксель (f159) → 1.5 (f165) → 0. #E2F4FE жыпылықтауы f165 бойынша #FDFDFB мәніне дейін сөнеді. Тікелей жоғары бағытталған курсор шиыршықты жүргізіп, (≈(450,591) f180) кілт сөз тіркесінің астында тоқтайды, содан кейін оңға қарай жылжиды.
S5 f187–214, карта: ақ карта (x203–878, төменгі жағынан өтеді) беттің үстінен көтеріледі: мұқаба суреті 627x536 кірістіру 24 пиксель, радиусы 64, жоғарғы ортасында жеңіл ұстағыш жолақ, жартылай қалың жазу 38 пиксель қара, ішкі жазу сұр 23 пиксель. Мұқабаның жоғарғы жағы y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), содан кейін кадр бойынша ~4 пиксель жоғары жылжи береді. Картаның бұлыңғырлығы f189 кезінде 3,8 пиксельге жетеді, f201 кезінде айқын болады; артындағы бет ≈2,5 пиксельге дейін бұлыңғырланады. f207–214 шығу: карта ~5% кішірейеді және көтеріледі, ал бүкіл кадр 1 → 7 пиксель бұлыңғырланады; бұлыңғырлық шыңында кесіледі.
S6 f215–244, екі карта: ақ бет, x540 орталығында орналасқан екі қабатты 538x348 карта (радиусы 57, саңылау 36), жоғарғы карта y168 және f230, төменгісі y552 орналасқан. Әрқайсысы: мұқаба суреті (ішіне мәтін енбеген), жоғарғы сол жақта глазурленген таблетка («3-модуль» / «5-модуль»), жоғарғы оң жақта глазурленген дөңгелек «•••» және төменгі жиекте глазурленген әйнектен жасалған үлкен қалың тақырып (кескіннің әріптерге кесілген, картаның төменгі жиегімен кесілген бұлыңғыр, жарықтандырылған көшірмесі): «Іске қосу» және «Дыбыс». Екеуі де бұлыңғыр 12 пиксельге және f224 бойынша өткірлікке енеді; жоғарғы карта 8% үлкендікке енеді және y264-тен көтеріледі; төменгі карта y927-ден көтеріліп, артында шатасып тұрады. Олар f230–238 кадрына 3 пиксель жоғары жылжиды, содан кейін жоғары үдейді және кесіндіге бұлыңғырланады.
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, содан кейін кішірейеді: 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 сүзгісінің бұлыңғырлығы, бағытты жағылулар үшін бөлек x/y std ауытқуы бар SVG feGaussianBlur. Соңғы картадағы масштабтау жағылуы = сөздің 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 с-та; өте тыныш перне 4.04–5.00 с аралығында әрбір ~32 мс сайын тықылдайды; 10.05 с-та жұмсақ жылтыр. −14 LUFS-ке дейін Master, шынайы шың −1 dBTP, соңғы 60 мс-тан басқасының сөнуі жоқ.
6. Playwright көмегімен рендеринг жасаңыз (әр кадрға бір скриншот, қаріптер алдымен жүктеледі), H.264 yuv420p форматын 60000/1001 ажыратымдылығында кодтаңыз, дыбысты мультипликациялаңыз.

Мәтінді тек қаріптер жүктелгеннен кейін ғана өлшеңіз. Ұзын өнім атауы 5 әріптен тұратын атау сәйкес келетін жерге сәйкес келмейді: бүкіл блоктауды (диск аралығы, атауы, таблетка) x474–1063 аралыққа сәйкес келетіндей масштабтаңыз, таблетканың кадрдан шығып кетуіне жол бермеңіз. Ақ орбита шаршысы ақ бетте 1 пиксель жиегі мен әлсіз көлеңкесі жоқ болып кетеді. 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.