فيديو إطلاق الفيديو إطارًا بإطار

اطلب مني: اسم المنتج، وشعارًا (أو اسمح لك برسم علامة بسيطة)، والسطر الذي يكتبه المستخدم في مربع الإدخال، والصفحة التي تجيب عليه (العنوان + جملتين أو ثلاث مع عبارة رئيسية واحدة)، واسمي ميزتين للبطاقات المكدسة، ومقطعًا موسيقيًا. إذا تخطيت أيًا منها، فاستخدم الإعدادات الافتراضية: المنتج "Frame by Frame" الموجود داخل مركز Whop الخاص به، وعلامة عدسة الكاميرا (أربعة أقواس زاوية حول حرف "FF" غامق)، وموجه "إنشاء فيديو إطلاق لتطبيقي"، وصفحة درس بعنوان "2.1 اختيار مرجع"، وبطاقتي "Launch" و"Sound"، ومقطع موسيقى الهاوس المجاني من Mixkit "Rising Forest" بسرعة 124 BPM.

مقطع فيديو قصير مدته 12 ثانية، مربع الشكل، بدقة 1080×1080، بمعدل 29.97 إطارًا في الثانية (من فتحة عدسة f0 إلى f359)، وتمت معالجته النهائية بمعدل 59.94 إطارًا في الثانية. يتميز بأسلوب عرض Apple Keynote: ناعم، أبيض، أزرق ساطع، وشفاف. لا تنتقل الكاميرا أبدًا إلى إطار ثابت: تبدأ كل لقطة وهي متحركة (تلاشي تدريجي، من 12 إلى 19% من المسافة المتبقية لكل إطار) وتنتهي بحركة متسارعة أو بتدرج ضبابي. يتبع التمويه السرعة والاتجاه في كل حركة.
لوحة الألوان: الصفحة #FDFDFB، ضبابي #B7CFEB، ثلجي #E6F0FA، أزرق داكن #294376 → #769CC2 متدرج سماوي، كحلي #1E2F52، درجات زرقاء مميزة #2F6BFF / #3CC8F0 / نعناعي #4ED6A0، أبيض. النوع: Inter (400/500/600/700). لا يوجد أي لون بنفسجي أو أرجواني أو برتقالي.
القصة: يرتفع عنوان المنتج من ضباب أزرق داخل نافذة تطبيق فاتحة ← ينزلق مؤشر، ثم يستدير ليواجه وجهته، ويكبر عند تمريره فوقه، وينقر على الشعار ← قطع سريع على الموسيقى إلى أيقونة التطبيق بأربعة مربعات تدور لتشكل صليبًا ← تنهار الأيقونة لتصبح شريط قائمة ماك ← ينقر المؤشر على أيقونة شريط القائمة، فتظهر نافذة من الزجاج المصنفر، ويبدأ النص بالكتابة ← ميل سريع لأعلى عبر وميض أزرق فاتح إلى صفحة الإجابة وهي تتحرك إلى مكانها ← ترتفع بطاقة فوقها ← تلاشي ضبابي إلى بطاقتين مكدستين بعناوين زجاجية مصنفرة ضخمة ← تلاشي ضبابي إلى قرص الشعار الوحيد ← قطع سريع إلى بطاقة نهاية سوداء بعلامة تجارية متوهجة.
الممنوع: التلاشي التدريجي، الإطارات المجمدة (باستثناء تثبيت واحد في S7)، مجموعات واجهة المستخدم الافتراضية، التوهجات على نص واجهة المستخدم، Math.random، أي شيء يبدو كقالب.

الإحداثيات بالبكسل على منصة 1080. إيقاع الموسيقى k = 0.048 + 0.4838·ks (124 BPM ، الإيقاع الواحد = 14.5 إطارًا). تظهر القطعات الثلاث الحادة f72 وf101 وf159 قبل إطارين من الإيقاع: احتفظ بهذه الإطارات تحديدًا.
S1 f0–71، العنوان + النافذة + النقر: ضباب #B7CFEB يتلاشى إلى #FDFDFB بحلول f28، مع توهج أزرق خفيف في الأسفل #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؛ ويكبر بمقدار 1.55 مرة عند التحويم من f56؛ وتضيء حلقة جليدية ناعمة (#D5F3FF → #F7FEFF، خارجية ⌀174) حول القرص من f53. تقوم الكاميرا بالتقريب حول (540,540): 1.0 f46 → 1.2 f60 تقريب تدريجي، وتثبت على f61، ثم تبتعد تدريجيًا متسارعة إلى 1.04 عند f71 أثناء الضغط على المؤشر (يتقلص بنسبة 15٪ f69–71).
S2 f72–100، أيقونة + مدار: أيقونة تطبيق مربعة دائرية زرقاء داكنة (#294376 → #1E2F52، علامة بيضاء)، 276 بكسل عند f72 تتقلص تدريجيًا إلى 178 بكسل عند f86، نصف قطرها 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)، خلفية أسفله = تدرج السماء الزرقاء مع رسم خطي أبيض رفيع (دائرة كبيرة، خطان أفقيان، خط عمودي، بريق رباعي النقاط عند التقاطع، توهج أزرق مخضر ناعم أعلى اليمين). مجموعة شريط القوائم اليمنى باللون الأبيض: واي فاي، بطارية، مفاتيح تبديل، علامة المنتج عند x531–584، ثلاث نقاط ⌀36 #2F6BFF / #3CC8F0 / #4ED6A0 عند x612، 661، 709، "الاثنين 22 يونيو 9:41 صباحًا" 34 بكسل. يدخل ضبابيًا 3 بكسل ويستقر عند f110. يرتفع Cursor من الأسفل (f102)، ويستقر على العلامة، ويضغط f113–117. تتحرك الكاميرا يمينًا بمقدار 125 بكسل من f115 إلى f130 (أسرع حركة من f118 إلى f120). يظهر صندوق زجاجي مصنفر (زجاج أبيض مزرق فوق السماء، حافة علوية لامعة، نصف قطر 60) من أسفل العلامة f116: يبلغ عرضه ذروته عند 744 بكسل عند f126، ويستقر عند 726×228 بكسل عند f138، ويتراوح عرضه بين x196 و922 بكسل، وy568 و797 بكسل. يبدأ النص بالكتابة من f121 (أول كلمة "Make" مقروءة) إلى f150 (اكتمال الكتابة) بمعدل حرف واحد لكل إطار تقريبًا، مع توقف لمدة إطار واحد كل 2-3 أحرف؛ المؤشر دائمًا مضاء؛ ثلاثة أيقونات بيضاء مخططة على طول الحافة السفلية؛ زر الإرسال #2F6BFF ⌀51 مع سهم أبيض متجه للأعلى. من f136 ينجرف المشهد بأكمله لأعلى، متسارعًا إلى ميل حاد (f158 يتحرك ≈25 بكسل/إطار، ضبابية عمودية ≈6-8 بكسل) بينما تتلون الصفحة باللون #E6F4FE على f154-158.
الصفحة S4 f159–186، صفحة الإجابة: صفحة درس تمهيدي (مسار التنقل، العنوان، المحتوى): عمود نصي x120، محتوى 47 بكسل، Inter 400 رمادي #BCBCBA، تباعد الأسطر 58، عبارة رئيسية واحدة ("إطار بإطار") باللون الأسود 600. تظهر مشوشة ومنخفضة بمقدار 420 بكسل، وتتحرك للأعلى بإزاحات 420، 315، 210، 170، 140، 116، 96، 81 (f166) … 14 (f175) … 0 (f180)، ثم تزحف بمقدار -6 بكسل بحلول f186. تمويه 24 بكسل (f159) → 1.5 (f165) → 0. وميض #E2F4FE يتلاشى إلى #FDFDFB بحلول f165. يتحرك مؤشر يشير إلى الأعلى مباشرة على شريط التمرير ويتوقف تحت العبارة الرئيسية (≈(450,591) f180)، ثم ينجرف إلى اليمين.
S5 f187–214، بطاقة: بطاقة بيضاء (x203–878، تمتد من الأسفل) ترتفع فوق الصفحة: صورة الغلاف 627×536، إطار داخلي 24 بكسل، نصف قطر 64، شريط إضاءة في أعلى مركزها، عنوان رئيسي شبه غامق 38 بكسل أسود، عنوان فرعي رمادي 23 بكسل. أعلى الغلاف y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205)، ثم يستمر في الارتفاع بمقدار 4 بكسل تقريبًا لكل إطار. يصل ضبابية البطاقة إلى ذروتها عند 3.8 بكسل عند f189، وتصبح واضحة عند f201؛ الصفحة خلفها تصبح ضبابية بمقدار 2.5 بكسل تقريبًا. الخروج f207–214: تتقلص البطاقة بنسبة 5% تقريبًا وترتفع بينما يصبح الإطار بأكمله ضبابيًا بمقدار 1 إلى 7 بكسل؛ يتم القطع عند ذروة الضبابية.
S6 f215–244، بطاقتان: صفحة بيضاء، بطاقتان مكدستان 538×348 (نصف قطر 57، مسافة 36) متمركزتان عند x540، البطاقة العلوية عند y168 عند f230، والسفلية عند 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 (الامتداد المجمد الوحيد)، ثم يتقلص متسارعًا إلى ⌀123 عند f300.
S8 f301–359، البطاقة النهائية: خلفية سوداء شعاعية (زوايا #020204، ≈#272729 حول الكلمة)، شعار الكلمة بخط Inter 600، أبيض #F3F3F5 مع توهج ضيق وهالة ناعمة واسعة، متمركز (540،540). عرض الكلمة: ≈1650 بكسل f301 (مُلطخ أفقيًا، خطوط تكبير) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (انكماش ≈1 بكسل/إطار) → 492 f350، ثم ينهار تدريجيًا: 450 f355 → 267 f359 مع زيادة التمويه إلى 3.5 بكسل. ينتهي الفيلم في منتصف الانهيار.

1. صفحة HTML واحدة، بحجم 1080×1080، يتم رسمها بواسطة seek(t) كدالة خالصة لرقم الإطار. لا توجد انتقالات CSS ، ولا مؤقتات، ولا Math.random (فقط تجزئات مُهيأة). يتم تسجيل اللقطات كـ {f0, f1, render(localFrame)}.
٢. كل قيمة متصلة في رقم الإطار (يعرض الإصدار الرئيسي 59.94 أنصاف الإطارات): يتم التحريك باستخدام جداول الإطارات الرئيسية kf(frame, [[f, value],...], ease) وجداول البحث لكل إطار مع الاستيفاء الخطي. لا يتم استخدام دالة Math.floor في الحركة.
3. التمويه: فلتر CSS للتمويه الدائري، و SVG feGaussianBlur مع انحراف معياري منفصل x/y للتشويه الاتجاهي. تمويه التكبير على البطاقة الأخيرة = 20-30 نسخة باهتة ومُكبّرة من الكلمة. الزجاج المُثلّج = نسخة مُموّهة ومُخفّفة لما هو خلفها، مُقتصّة على الشكل.
4. Cursor: سهم واحد من نوع SVG لنظام macOS (تعبئة سوداء، مخطط أبيض، ظل ناعم) مع إمكانية التدوير والتحجيم، تمت إعادة استخدامه في S1 و S3 و S4.
٥. صوت (بدون كلام)، ١٢.٠٧٥ ثانية بالضبط: موسيقى بسرعة ١٢٤ BPM ، مقدمة هادئة، ذروة الصوت عند ٢.٤٧ ثانية (النبضة الخامسة، يسبقها قطع f72 بإطارين). مؤثرات صوتية مُصنّعة: تأثير خفيف ٠.١٠ ثانية؛ أصوات أزيز تصل ذروتها عند القطع ٢.٤٠٢، ٣.٣٧٠، ٥.٣٠٥، ١٠.٠٤٣ ثانية؛ انتقالات صوتية عند ٦.٢٤٠ ثانية و٨.١٧٥ ثانية بالضبط؛ نقرات عند ٢.٣٣ و٣.٨٣ ثانية؛ نقرات مفاتيح هادئة جدًا كل ٣٢ مللي ثانية تقريبًا خلال ٤.٠٤-٥.٠٠ ثانية؛ لمعة خفيفة عند ١٠.٠٥ ثانية. مستوى الصوت الرئيسي -١٤ LUFS، ذروة حقيقية -١ ديسيبل، بدون تلاشي باستثناء آخر ٦٠ مللي ثانية.
6. قم بالمعالجة باستخدام Playwright (لقطة شاشة واحدة لكل إطار، يتم تحميل الخطوط أولاً)، قم بترميز H.264 yuv420p بمعدل 60000/1001، وقم بدمج الصوت.

قم بقياس النص فقط بعد تحميل الخطوط. لن يتسع اسم المنتج الطويل في المكان الذي كان يتسع فيه اسم مكون من 5 أحرف: قم بتغيير حجم الإطار بالكامل (فجوة القرص، الاسم، القرص) ليناسب النطاق x474–1063، ولا تدع القرص يخرج عن الإطار. يختفي مربع المدار الأبيض على الصفحة البيضاء بدون حافة 1 بكسل وظل خفيف. لا تضع صورًا مع نصها الخاص داخل بطاقات S6، وإلا سيتكرر عنوان الزجاج. حافظ على دقة إطارات القطع حتى عندما لا تتزامن مع الإيقاع. لا شيء يتجمد باستثناء S7 f269–287. يمكن أن تؤدي جداول التمويه الثقيلة إلى مسح شكل ما تمامًا: إذا بدا الإطار فارغًا، فقم بتقليل التمويه حتى يظل الشكل قابلاً للقراءة.

اطلب مني إدخال البيانات. ثم أرني أربع صور ثابتة (العنوان في النافذة عند 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.