طلب عرض تقديمي

عرض تقديمي لتصميم الرسوم المتحركة مدته 15 ثانية، يُثبت أنك مصمم رسوم متحركة عالمي المستوى. الفكرة: اختيارك (مثلاً: "يصبح الحبر نصاً، ثم يصبح هو الهندسة المعمارية"). التزم بها واكتب اسمها في سطر واحد قبل البدء. كل لقطة مبنية على سابقتها: الأشكال والنصوص والألوان تتحول إلى المشهد التالي بسلاسة دون قطع أو تلاشي.
نوع خط واحد (Geist أو Inter أو خط عرض غامق من Google Fonts)، ولوحة ألوان من ثلاثة ألوان كحد أقصى بالإضافة إلى الأسود والأبيض ، ولغة كاميرا واحدة متسقة.
عرض نطاق واسع يشمل: الكتابة الحركية، وتغيير الشكل، ولحظة الانتقال من ثنائي الأبعاد إلى ثلاثي الأبعاد، ولحظة عرض البيانات أو واجهة المستخدم، وعنوان النهاية. امنح كل عنصر حصة متساوية من الوقت.
الممنوع: انفجارات الجسيمات، والتوهجات، وتوهجات العدسة، واهتزاز الكاميرا، وتقسيم RGB، والتلاشي التدريجي، والتدرجات العامة، والتباطؤ المرتدّ، والاستمرار لأكثر من نصف ثانية، وأي شيء يبدو كقالب.

120 BPM ، يحدث شيء ما في كل نبضة.
المقطع الأول: بداية قوية. ثم تقنية واحدة لكل مقطع، تنبثق كل منها من سابقتها. المقطع الأخير الكامل: اللحظة الأقوى. النصف الأخير من المقطع: عنوان النهاية، وتتطابق اللقطة الأخيرة مع الأولى لتُشكّل حلقة متكررة.

1. ملف HTML واحد 1920x1080. يتم حساب كل نمط من الوقت داخل window.seek(t): لا توجد رسوم متحركة CSS ، ولا مؤقتات، ولا يتم نقل الحالة بين الإطارات.
2. استخدم التباطؤ الربيعي والتباطؤ الأسي المكتوبين كدوال للزمن. يتبع التمويه السرعة والاتجاه في الحركات السريعة.
3. اكتب مقطعًا صوتيًا باستخدام Web Audio API (OfflineAudioContext): صوت طبلة في كل نبضة، وتصاعد تدريجي حتى المقياس الكامل الأخير، وضربة في كل تغيير مشهد. ثم قم بتحويله إلى WAV.
4. قم بالمعالجة باستخدام Playwright بمعدل 60 إطارًا في الثانية، مع دمج 3 إطارات فرعية لكل إطار باستخدام ffmpeg tmix للحصول على تأثير ضبابية الحركة، ثم قم بدمج الصوت.
5. قبل إتمام عملية العرض، قم بعرض إطار واحد لكل إيقاع وراجعها. أصلح أي شيء مزدحم، أو خارج الإيقاع، أو متداخل، أو يصعب قراءته.

أخبرني بالفكرة، ثم اعرض لي مخططًا تفصيليًا لكل مشهد، ثم قم بتنفيذها دون أن تسألني أي شيء آخر. أعطني الملف النهائي MP4.

A 15-second motion design showreel that proves you are a world-class motion designer. Concept: your pick (e.g. "ink becomes type becomes architecture"). Commit to it and name it in one line before you start. Every shot is made out of the previous one: shapes, type and color transform into the next scene instead of cutting or fading.
One typeface (Geist, Inter or a bold display face from Google Fonts), a palette of at most three colors plus black and white, one consistent camera language.
Show range: kinetic type, shape morphing, a 2D-to-3D moment, a data or UI moment, and an end title. Give each one an equal share of the time.
Banned: particle bursts, glows, lens flares, camera shake, RGB split, crossfades, generic gradients, bouncy easing, holds longer than half a second, anything that looks like a template.

120 BPM, something happens on every beat.
First bar: hook. Then one technique per bar, each flowing out of the last. Last full bar: the strongest moment. Final half bar: end title, and the final frame matches the first so it loops.

1. One HTML file at 1920x1080. Every style is computed from time inside window.seek(t): no CSS animations, no timers, no state carried between frames.
2. Use spring and exponential easing written as functions of time. Blur follows speed and direction on fast moves.
3. Write a soundtrack in code with the Web Audio API (OfflineAudioContext): a kick on every beat, a riser into the last full bar, a hit on each scene change. Render it to WAV.
4. Render with Playwright at 60fps, 3 subframes per frame blended with ffmpeg tmix for motion blur, then mux the audio.
5. Before the full render, render one frame per beat and look at them. Fix anything cluttered, off the beat, overlapping or hard to read.

Tell me the concept and show a beat-by-beat storyboard, then build it without asking me anything else. Give me the final MP4.