Frame by Frame lansman videosu

Benden şunları isteyin: ürün adım, bir logo (veya basit bir işaret çizmenize izin verin), kullanıcının istem kutusuna yazdığı tek satırlık metin, buna cevap veren sayfa (başlık + bir anahtar kelime içeren 2-3 cümle), üst üste dizilmiş kartlar için iki özellik adı ve bir müzik parçası. Herhangi birini atlarsam, varsayılanları kullanın: Whop hub'ı içinde yer alan "Frame by Frame" ürünü, bir vizör işareti (kalın "FF" etrafında dört köşeli parantez), "Uygulamam için bir lansman videosu oluşturun" istemi, "2.1 Bir referans seçin" başlıklı bir ders sayfası, "Lansman" ve "Ses" kartları ve Mixkit'in ücretsiz house parçası "Rising Forest"in 124 BPM yavaşlatılmış hali.

12 saniyelik kare ürün tanıtım videosu, 1080x1080 çözünürlük, 29,97 fps kare hızı (f0–f359), ana render 59,94 fps. Apple tanıtım videosu hissi: yumuşak, beyaz, parlak mavi, cam gibi. Kamera asla durağan bir karede kesme yapmaz: her çekim zaten hareket halinde başlar (üstel yumuşatma, kare başına kalan mesafenin %12-19'u) ve hızlanan bir hareketle veya bulanıklık rampasıyla sona erer. Bulanıklık, her harekette hızı ve yönü takip eder.
Renk Paleti: sayfa #FDFDFB, pus #B7CFEB, buz #E6F0FA, koyu mavi #294376 → #769CC2 gökyüzü gradyanı, lacivert #1E2F52, vurgu mavileri #2F6BFF / #3CC8F0 / nane #4ED6A0, beyaz. Tip: Inter (400/500/600/700). Hiçbir yerde mor, menekşe, macenta veya turuncu yok.
Hikaye: Ürün başlığı, açık renkli bir uygulama penceresinin içindeki mavi bir sisin içinden yükseliyor → bir imleç kayarak geliyor, gideceği yöne dönüyor, üzerine gelindiğinde büyüyor ve logoyu tıklıyor → müzik düşüşüyle birlikte dört karenin bir haç oluşturacak şekilde döndüğü uygulama simgesine sert bir geçiş yapılıyor → simge bir Mac menü çubuğuna dönüşüyor → imleç menü çubuğu simgesini tıklıyor, buzlu cam görünümlü bir uyarı kutusu beliriyor ve uyarı metni yazılıyor → açık mavi bir flaşın içinden yukarı doğru hızlı bir eğimle cevap sayfasına kayarak yerleşiyor → bir kart sayfanın üzerine yükseliyor → devasa buzlu cam başlıklı iki üst üste karta bulanık geçiş yapılıyor → tek başına duran logo diskine bulanık geçiş yapılıyor → parlayan bir marka logosu bulunan siyah bir bitiş kartına sert bir geçiş yapılıyor.
Yasaklananlar: çapraz geçişler, donmuş kareler (S7'deki bir tutma özelliği hariç), hazır UI kitleri, UI metnindeki parlamalar, Math.random, şablon gibi görünen her şey.

Koordinatlar 1080 karelik sahnede piksel cinsindendir. Müzik vuruşu k = 0,048 + 0,4838·ks (124 BPM, bir vuruş = 14,5 kare). Üç sert kesme f72, f101, f159, bir vuruştan 2 kare önce gerçekleşir: bu kareleri aynen koruyun.
S1 f0–71, başlık + pencere + tıklama: f28'de #B7CFEB'den #FDFDFB'ye doğru soluklaşan pus, altta mavi bir zemin parıltısı #DBEEFD korunuyor. Tek satırda başlık: logo diski ⌀132 (#FBFCFE, 1px kenar #E8E8EA, koyu işaret), ürün adı (Inter 500), "on Whop" yazılı koyu renkli bir kapsül hapı (#2F2E2F, beyaz metin); tüm kilitlenme x474–1063 aralığında, orta çizgi y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37) yükseliyor, sonrasında kare başına 1 px kayıyor. İsim f2'de bulanık görünüyor, hap f4–5'te yoğun bir şekilde bulanık ve keskinleşirken 15 px sola kayıyor. Etrafında hafif bir merkez penceresi (yarıçap 93, dolgu #FCFDFF, üst bant #F1F6FF, mavi iç zemin parıltısı) beliriyor: opaklık 0 ila f14, 0,53 f15, 0,7 f19, 1,0 f24; sol üst köşe (408,405), sağdan ve alttan dışarı doğru uzanıyor. İçeride: üst bantta bir arama hapı, sol tarafta bir simge sütunu (Kurslar simgesi (537,739) konumunda, soluk Sohbet simgesi (537,900) konumunda) ve çerçeve dışında (764,700) konumundan kapak resmi, başlığı ve "Kurs · 8 ders" yazısıyla bir kurs kartı. Cursor (siyah macOS oku, beyaz çerçeve, 32x39) f27'de (891,393) konumunda belirir, sola doğru yavaşlayarak (770,383) f44'e doğru kayar, dalış yaparken f47-51'de aşağı-sola doğru döner, diskin sağ alt köşesine (629,564) f56 → (587,546) f59 → (555,531) f71'e iner; f56'dan itibaren üzerine gelindiğinde ×1,55 büyür; f53'ten itibaren diskin etrafında yumuşak bir buz halkası (#D5F3FF → #F7FEFF, dış ⌀174) belirir. Kamera (540,540) civarında yakınlaştırma yapar: 1.0 f46 → 1.2 f60 yumuşak giriş-çıkış, f61'de sabit kalır, ardından imleç basılıyken (f69-71 aralığında %15 küçülür) 1.04'e f71'de hızlanarak yumuşak çıkış yapar.
S2 f72–100, simge + yörünge: lacivert karemsi uygulama simgesi (#294376 → #1E2F52, beyaz işaret), f72'de 276 piksel, f86'da 178 piksele kadar küçülüyor, genişliğin %28'i yarıçapında, gri bir hale diski #E9E9E7 üzerinde ⌀240 (f75) → 326 (f86) büyüyor. Dört adet 92 piksel kare (yarıçap 26) saat yönünün tersine dönüyor, yavaşlıyor ve yörünge yarıçapı ≈216 f86'da bir haç şeklini alıyor: beyaz (1 piksel #E3E8EF kenar + hafif gölge) solda, #2F6BFF üstte, #3CC8F0 sağda, #4ED6A0 altta. f88–100: simge yaklaşık 40 piksele kadar küçülüyor, kareler sağ tarafında bir sıra halinde kayıyor (beyaz alan simgenin arkasına geçiyor), bulanıklık 0,3 → 6 piksel arasında kademeli olarak artıyor.
S3 f101–158, menü çubuğu + uyarı: siyah dizüstü bilgisayar çerçevesi bandının üzerinde beyaz sayfa (y425–475, üst vurgu #686866), koyu lacivert menü çubuğu (y477–538), altta duvar kağıdı = ince beyaz çizgi sanatıyla mavi gökyüzü gradyanı (bir büyük daire, iki yatay çizgi, bir dikey çizgi, kesişme noktasında dört noktalı parıltı, sağ üstte yumuşak turkuaz parıltı). Menü çubuğunun sağ tarafındaki beyaz küme: Wi-Fi, pil, geçiş düğmeleri, x531–584'te ürün işareti, x612, 661, 709'da üç ⌀36 nokta #2F6BFF / #3CC8F0 / #4ED6A0, "Pazartesi 22 Haz 9:41" 34 piksel. Bulanık 3 piksel olarak girer ve f110 ile sabitlenir. Cursor aşağıdan yükselir (f102), işaretin üzerinde durur, f113–117'ye basılır. Kamera içeriği sağa doğru +125 piksel kaydırır f115–130 (en hızlı f118–120). Buzlu cam bir kutu (gökyüzünün üzerinde beyaz-mavi cam, parlak üst kenar, yarıçap 60) f116 işaretinin altından fırlar: genişlik f126'da 744'e ulaşır ve x196–922, y568–797 civarında 726x228 x f138'e yerleşir. Komut istemi f121'den (ilk okunabilir "Oluştur") f150'ye (tamamlanmış) kadar yaklaşık 1 karakter/kare hızında, her 2-3 karakterde bir 1 kare bekleme ile yazılır; imleç her zaman açık; altta üç beyaz çerçeveli simge; beyaz yukarı oklu #2F6BFF ⌀51 gönder düğmesi. f136'dan itibaren tüm sahne yukarı doğru kayarak, kamçı eğimiyle hızlanıyor (f158'de hareket ≈25 px/kare, dikey bulanıklık ≈6–8 px), bu sırada sayfa f154–158 arasında #E6F4FE rengine bürünüyor.
S4 f159–186, cevap sayfası: hafif bir ders sayfası (yol izi, başlık, gövde): metin sütunu x120, gövde 47 px, Inter 400 gri #BCBCBA, satır aralığı 58, siyah 600'de bir anahtar kelime ("kare kare"). Bulanık ve 420 px aşağıda gelir, 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180) ofsetleriyle yukarı kayar, ardından f186 ile -6 px aşağı doğru kayar. Bulanıklık 24 px (f159) → 1.5 (f165) → 0. #E2F4FE flaşı f165 ile #FDFDFB'ye doğru soluyor. Yukarı doğru işaret eden imleç, kaydırma çubuğu üzerinde hareket eder ve anahtar kelime öbeğinin (≈(450,591) f180) altında durur, ardından sağa doğru kayar.
S5 f187–214, kart: beyaz bir kart (x203–878, alttan taşarak) sayfanın üzerine yükseliyor: kapak resmi 627x536, 24 px içe doğru, yarıçap 64, üst orta kısmında hafif bir tutma çubuğu, alt yazı yarı kalın 38 px siyah, alt yazı gri 23 px. Kapak üstü y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), ardından kare başına ~4 px yukarı doğru kaymaya devam ediyor. Kart bulanıklığı f189'da 3,8 px'e ulaşıyor, f201'de netleşiyor; arkadaki sayfa yaklaşık 2,5 px'e kadar bulanıklaşıyor. Çıkış f207–214: kart ~%5 küçülüyor ve tüm çerçeve 1 → 7 px bulanıklaşırken yükseliyor; bulanıklık zirvesinde kesiliyor.
S6 f215–244, iki kart: beyaz sayfa, 538x348 (yarıçap 57, boşluk 36) boyutlarında, x540 merkezli, üst üste yerleştirilmiş iki kart, üst kart y168 x f230 konumunda, alt kart y552 konumunda. Her birinde: kapak resmi (içine metin yerleştirilmemiş), sol üstte buzlu bir hap ("Modül 3" / "Modül 5"), sağ üstte buzlu yuvarlak bir "•••" ve alt kenar boyunca buzlu camdan yapılmış büyük, kalın bir başlık (harflere kırpılmış, kartın alt kenarı tarafından kesilmiş, bulanık, aydınlatılmış bir görüntü kopyası): "Başlat" ve "Ses". Her ikisi de 12 piksel bulanık ve f224'te net olarak giriyor; üst kart %8 daha büyük ve y264'ten yükseliyor; alt kart ise y927'den yükseliyor ve arkasında kademeli olarak yer alıyor. Kare başına 3 piksel yukarı doğru kayıyorlar (f230–238), sonra hızlanıp kesime doğru bulanıklaşıyorlar.
S7 f245–300, logo diski: sayfa #FDFDFB, disk ⌀168 #F6F6F6 koyu işaretli, merkeze doğru yükseliyor (üst y569 f245 → 491 f250 → 468 f255 → 456 f269) kesik çerçevede dikey bir leke ile, f269–287 arasında sabit kalıyor (tek donmuş uzama), ardından f300'de ⌀123'e doğru hızlanarak küçülüyor.
S8 f301–359, son kart: siyah radyal arka plan (#020204 köşeler, kelimenin etrafında ≈#272729), Inter 600 yazı tipinde, beyaz #F3F3F5 renginde, sıkı bir parıltı ve geniş, yumuşak bir hale ile ortalanmış (540,540). Kelime genişliği: ≈1650 px f301 (yatay olarak bulanıklaştırılmış, yakınlaştırma çizgileri) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/çerçeve küçülme) → 492 f350, ardından yumuşak bir şekilde daralır: 450 f355 → 267 f359, bulanıklık 3,5 px'e kadar yükselir. Film, çöküşün tam ortasında sona eriyor.

1. Tek bir HTML sayfası, 1080x1080 çözünürlüğünde, seek(t) fonksiyonu tarafından kare numarasına bağlı saf bir fonksiyon olarak çiziliyor. CSS geçişleri yok, zamanlayıcı yok, Math.random yok (sadece tohumlanmış hash'ler). Çekimler {f0, f1, render(localFrame)} olarak kaydediliyor.
2. Her değer kare numarasında süreklidir (59.94 ana render yarım kareler oluşturur): kf(kare, [[f, değer],...], ease) anahtar kare tabloları ve doğrusal enterpolasyonlu kare başına arama tabloları ile animasyon yapın. Harekette Math.floor kullanılmaz.
3. Bulanıklaştırma: Yuvarlak bulanıklık için CSS blur filtresi, yönlü bulanıklık için ayrı x/y stdDeviation ile SVG feGaussianBlur. Son karttaki yakınlaştırma bulanıklığı = kelimenin 20-30 ölçeklendirilmiş, soluklaştırılmış kopyası. Buzlu cam = arkadakinin bulanıklaştırılmış, aydınlatılmış bir kopyası, şekle göre kırpılmış.
4. Cursor: Döndürme ve ölçeklendirme özelliğine sahip, S1, S3 ve S4'te yeniden kullanılan tek bir SVG macOS oku (siyah dolgu, beyaz çerçeve, yumuşak gölge).
5. Ses (konuşma yok), tam olarak 12.075 s: 124 BPM müzik, yumuşak giriş, 2.47 s'de düşüş (5. vuruş, f72 kesimi 2 kare önde). Sentezlenmiş SFX: 0.10 s'de yumuşak etki; 2.402, 3.370, 5.305, 10.043 s'deki kesimlerde zirve yapan ıslık sesleri; tam olarak 6.240 s ve 8.175 s'de geçiş vuruşları; 2.33 ve 3.83 s'de tıklamalar; 4.04–5.00 s boyunca her ~32 ms'de çok sessiz tuş vuruşları; 10.05 s'de yumuşak bir parıltı. Ana ses seviyesi -14 LUFS, gerçek tepe noktası -1 dBTP, son 60 ms hariç solma yok.
6. Playwright ile render alın (her kare için bir ekran görüntüsü, yazı tipleri önce yüklenir), H.264 yuv420p'yi 60000/1001 çözünürlükte kodlayın, sesi birleştirin.

Yazı tipleri yüklendikten sonra metni ölçün. Uzun bir ürün adı, 5 harfli bir adın sığdığı yere sığmaz: tüm kilitlemeyi (disk boşluğu, ad, hap) 474–1063 aralığına sığacak şekilde ölçeklendirin, hapın çerçeve dışına taşmasına izin vermeyin. Beyaz bir yörünge karesi, 1 piksellik bir kenar ve hafif bir gölge olmadan beyaz sayfada kaybolur. S6 kartlarının içine kendi metni olan resimler koymayın, aksi takdirde cam başlık ikiye katlanır. Kesilen çerçeveleri, bir vuruş üzerinde olmasalar bile, tam olarak koruyun. S7 f269–287 dışında hiçbir şey donmaz. Ağır bulanıklık tabloları bir şekli tamamen silebilir: bir çerçeve boş görünüyorsa, şekil hala okunabilir olana kadar bulanıklığı azaltın.

Benden girdileri isteyin. Ardından, filmin tamamını render etmeden önce bana 4 kare gösterin (f40 penceredeki başlık, f86 çarpı işareti simgesi, f150 bitiş uyarısı, f230 iki kart).

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.

Şuradan alınan komut: postalamak @notdwd.