Кадр бүрээр нь нээлтийн видео
Сануулга
Надаас асуугаарай: миний бүтээгдэхүүний нэр, лого (эсвэл энгийн тэмдэг зурж болно), хэрэглэгчийн асуултын мөрөнд бичсэн нэг мөр, түүнд хариулсан хуудас (гарчиг + нэг түлхүүр хэллэгтэй 2-3 өгүүлбэр), давхарласан картуудын хоёр функцийн нэр, хөгжмийн зам. Хэрэв би аль нэгийг нь алгасвал анхдагч тохиргоог ашиглана уу: бүтээгдэхүүний Whop төв дотор байрлах "Frame by Frame", viewfinder тэмдэг (тодруулсан "FF" үсгийг тойрсон дөрвөн булангийн хаалт), "Миний аппликейшнд зориулж нээлтийн видео хийх" асуулт, "2.1 Лавлагаа сонгох" гарчигтай хичээлийн хуудас, "Launch" болон "Sound" картууд, мөн 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 цэсний мөрөнд бууна → курсор цэсний мөрийн дүрс дээр дарна, царцсан шилэн цонх гарч ирэн, цонх гарч ирнэ → цайвар цэнхэр гэрлээр дээш хазайж, хариултын хуудас руу гүйлгэнэ → дээр нь карт гарч ирнэ → аварга том царцсан шилэн гарчигтай хоёр давхар карт руу бүдгэрүүлэх-уусгах → ганц логоны диск рүү бүдгэрүүлэх-уусгах → гэрэлтсэн үгийн тэмдэг бүхий хар төгсгөлд хатуу зүсэлт хийнэ.
Хориглосон: crossfade, хөлдөөсөн фрэймүүд (S7 дээр нэг барьцалдалтаас бусад), Хэрэглэгчийн интерфэйсийн хэрэгслүүд, Хэрэглэгчийн интерфэйсийн текст дээр гэрэлтэх, 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, 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) нь (891,393) дээр f27 дээр гарч ирнэ, зүүн тийш гулсаж (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) цагийн зүүний эсрэг эргэлдэж, удааширч, тойрог замын радиус ≈216-аар f86-аар загалмайд түгжигдсэн байна: цагаан (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, "Даваа гараг, 6-р сарын 22, 9:41 AM" 34 пиксел. Бүдгэрүүлсэн 3 пиксел рүү орж, f110 дээр тогтоно. Cursor доороос дээш өргөгдөж (f102), тэмдэг дээр байрлаж, f113–117 товчийг дарна. Камер баруун талд +125 пиксел f115–130 (хамгийн хурдан f118–120)-д агуулгыг эргүүлнэ. Царцсан шилэн хайрцаг (тэнгэрийн дээгүүр цагаан цэнхэр шил, тод дээд хүрээ, радиус 60) f116 тэмдгийн доороос гарч ирнэ: өргөн нь f126 дээр 744-ийн оргилд хүрч, x196–922, y568–797 орчимд f138-д 726x228 хэмжээтэй тогтоно. Тушаал нь f121 (эхний уншигдахуйц "Make")-аас 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 хүртэл мастер, жинхэнэ оргил −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), 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.
Дараахаас авсан хүсэлт шуудан @notdwd.
- Загвар
- Opus 5.5
- Нийтлэгдсэн
Иймэрхүү видео хийгээрэй
Манай Google Chrome өргөтгөлийг ашиглан API-аас 7 дахин хямд ийм видеонуудыг өөрөө хийгээрэй.. Claude MCP ээр дамжуулан ажилладаг: та даалгаврыг тайлбарлах бөгөөд өргөтгөл нь үүсгэх процессыг тушаалаас дууссан файл хүртэл зохицуулдаг. Энэ нь видео үүсгэж, угсарч, дуу оруулж, орчуулдаг.
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