Видеону кайра иштетүүнү салыштырууну баштаңыз

Менден төмөнкүлөрдү сураңыз: менин продуктумдун аталышы, логотип (же жөнөкөй белги коюуга уруксат бериңиз), бренд түстөрүм (же аларды менин логотибимден алыңыз), колдонуучу суроо кутучасына киргизген бир саптуу нерсе, ага жооп берген баракты (аталышы + бир ачкыч сөз айкашы менен 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 текстинде жаркыроо, 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)) жана (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ди кармап турат, андан кийин курсор басылганда 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 пиксел. Бүдөмүктөтүүнү киргизет жана 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), үстүнкү карта f230 боюнча y168, астыңкысы y552. Ар бири: мукаба сүрөтү (ичине текст жабыштырылган эмес), үстүнкү сол жагында глазурланган таблетка ("3-модуль" / "5-модуль"), үстүнкү оң жагында глазурланган тегерек "•••" жана астыңкы четинде глазурланган айнектен жасалган чоң калың аталыш (тамгаларга кесилген сүрөттүн бүдөмүк, жарык көчүрмөсү, картанын астыңкы чети менен кесилген): "Ишке киргизүү" жана "Үн". Экөө тең бүдөмүк 12 пиксель жана f224 боюнча курч кирет; үстүнкү карта 8% чоң болуп, y264төн көтөрүлөт; астыңкы карта y927ден көтөрүлүп, артында чайпалып турат. Алар 3 пиксель/кадр 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, андан кийин жыйрылат: 450 f355 → 267 f359, бүдөмүктүк 3,5 px чейин көтөрүлөт. Тасма ортосунан жыйрылуу менен аяктайт.

1. seek(t) аркылуу кадр санынын таза функциясы катары тартылган бир HTML барагы, 1080x1080. 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ке чейин мастер, чыныгы чокусу −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.