10 ستايلات أنيميشن تسويها بـ Claude، وبرومت كل ستايل جاهز للنسخ

سو لي أنيميشن بستايل البكسل آرت، كأنه مشهد من لعبة قديمة.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1 ث: سيارة رودستر حمراء واقفة على منصة في مدينة، وخلفها أبراج الكويت (برج كبير وبرج أصغر، كل واحد بكرة حوله، وبرج ثالث رفيع كالإبرة). بجانب السيارة شخص واقف، وفي أسفل الشاشة جمهور.
- من 1 إلى 2 ث: تخرج دفّاعات من تحت العجلات، ويتجمع دخان أبيض كثيف تحت السيارة.
- من 2 إلى 4 ث: ترتفع السيارة ببطء ثم أسرع، والدخان ينتشر، والشخص يرفع يديه مصدوماً.
- من 4 إلى 6 ث: تبقى السيارة معلّقة عالياً وتتأرجح قليلاً، والجمهور يهتف.
السيارة لازم تنفهم من أول نظرة: غطاء محرك طويل، كابينة منخفضة، وأربع عجلات. والعناصر كبيرة وواضحة لأن الفيديو يُشاهد على شاشة جوال.

الستايل:
- ارسم على Canvas داخلي 180×320 ثم كبّره بدون تنعيم (image-rendering: pixelated). كل الإحداثيات أعداد صحيحة.
- لوحة من 24 لوناً بحد أقصى. سماء غروب من البنفسجي إلى الوردي إلى البرتقالي بتدرج dithering، وشمس خلف المدينة، ونجوم.
- السيارة والشخص والجمهور sprites مرسومة بكسل بكسل، والحركة 12 إطار في الثانية متدرجة، مو ناعمة.
- لمسة لعبة فيديو: عداد ارتفاع ALT يزيد في أعلى الشاشة، وثلاثة قلوب، ولوحة معلّقة مكتوب عليها ROADSTER، وواحد من الجمهور يرفع لافتة WOW.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.

سو لي أنيميشن بستايل الرسم بالطباشير على سبورة مدرسة.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1 ث: سيارة رودستر حمراء واقفة على منصة في مدينة، وخلفها أبراج الكويت (برج كبير وبرج أصغر، كل واحد بكرة حوله، وبرج ثالث رفيع كالإبرة). بجانب السيارة شخص واقف، وفي أسفل الشاشة جمهور.
- من 1 إلى 2 ث: تخرج دفّاعات من تحت العجلات، ويتجمع دخان أبيض كثيف تحت السيارة.
- من 2 إلى 4 ث: ترتفع السيارة ببطء ثم أسرع، والدخان ينتشر، والشخص يرفع يديه مصدوماً.
- من 4 إلى 6 ث: تبقى السيارة معلّقة عالياً وتتأرجح قليلاً، والجمهور يهتف.
السيارة لازم تنفهم من أول نظرة: غطاء محرك طويل، كابينة منخفضة، وأربع عجلات. والعناصر كبيرة وواضحة لأن الفيديو يُشاهد على شاشة جوال.

الستايل:
- سبورة خضراء داكنة بإطار خشب، وعليها آثار مسح خفيفة.
- كل شي خطوط طباشير بيضاء مهزوزة قليلاً وبملمس خشن، وتنرسم أمامك كأن يداً ترسمها، مع قليل من الطباشير الملون: أصفر وأزرق وأحمر.
- مكتوب بخط يد عربي في الأعلى: «درس اليوم: ليش تطير؟» وتحته معادلة: «الدفع > الوزن» وبجانبها علامة صح تظهر لحظة الارتفاع.
- سهم أصفر للدفع يطلع مع السيارة، وسهم أزرق للوزن نازل. الشخص والجمهور ستيكمان، والدخان دوائر طباشير متداخلة، وغبار طباشير خفيف يتطاير.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.

سو لي أنيميشن بستايل السكتش المضيء: خطوط نيون رفيعة على أسود.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1 ث: سيارة رودستر حمراء واقفة على منصة في مدينة، وخلفها أبراج الكويت (برج كبير وبرج أصغر، كل واحد بكرة حوله، وبرج ثالث رفيع كالإبرة). بجانب السيارة شخص واقف، وفي أسفل الشاشة جمهور.
- من 1 إلى 2 ث: تخرج دفّاعات من تحت العجلات، ويتجمع دخان أبيض كثيف تحت السيارة.
- من 2 إلى 4 ث: ترتفع السيارة ببطء ثم أسرع، والدخان ينتشر، والشخص يرفع يديه مصدوماً.
- من 4 إلى 6 ث: تبقى السيارة معلّقة عالياً وتتأرجح قليلاً، والجمهور يهتف.
السيارة لازم تنفهم من أول نظرة: غطاء محرك طويل، كابينة منخفضة، وأربع عجلات. والعناصر كبيرة وواضحة لأن الفيديو يُشاهد على شاشة جوال.

الستايل:
- خلفية سوداء تقريباً. السيارة خطوط رفيعة بدون تعبئة، تنرسم خطاً خطاً في أول ثانية بألوان ذهبي وأحمر وبنفسجي خفيف.
- توهج حقيقي: طبقات خطوط بـshadowBlur مع globalCompositeOperation = lighter.
- الدفع أعمدة ضوء ذهبية ناعمة تنزل من العجلات، وعلى الأرض دوائر مضيئة متحدة المركز تتوسع.
- المدينة وأبراج الكويت خطوط خافتة جداً، والشخص سكتش رفيع، والجمهور أقواس رفيعة خافتة في الأسفل. ومساحات سوداء كبيرة.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.

سو لي أنيميشن بستايل ألعاب بلايستيشن 2، كأنه مشهد سينمائي من لعبة سنة 2003.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1 ث: سيارة رودستر حمراء واقفة على منصة في مدينة، وخلفها أبراج الكويت (برج كبير وبرج أصغر، كل واحد بكرة حوله، وبرج ثالث رفيع كالإبرة). بجانب السيارة شخص واقف، وفي أسفل الشاشة جمهور.
- من 1 إلى 2 ث: تخرج دفّاعات من تحت العجلات، ويتجمع دخان أبيض كثيف تحت السيارة.
- من 2 إلى 4 ث: ترتفع السيارة ببطء ثم أسرع، والدخان ينتشر، والشخص يرفع يديه مصدوماً.
- من 4 إلى 6 ث: تبقى السيارة معلّقة عالياً وتتأرجح قليلاً، والجمهور يهتف.
السيارة لازم تنفهم من أول نظرة: غطاء محرك طويل، كابينة منخفضة، وأربع عجلات. والعناصر كبيرة وواضحة لأن الفيديو يُشاهد على شاشة جوال.

الستايل:
- ارسم الرندر على دقة منخفضة 360×640 ثم كبّره بدون تنعيم، وأضف تقليل ألوان خفيف مع dithering بعد الرندر.
- كل شي low poly بأضلاع ظاهرة: السيارة، والعمارات، وأشخاص بأجسام مكعبة. الخامات صغيرة مرسومة بالكود 64×64 بفلتر Nearest.
- إضاءة قديمة: فلات شيدينغ، ضباب بنفسجي، سماء تدرج وردي إلى بنفسجي، وعمارات بنوافذ مضيئة.
- كاميرا تتحرك ببطء حول السيارة مثل مشاهد الألعاب، والدخان سبرايتات مسطحة باهتة تواجه الكاميرا.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.
- Three.js عبر importmap من https://unpkg.com/three@0.160.0/build/three.module.js والإضافات من https://unpkg.com/three@0.160.0/examples/jsm/ ، والـrenderer بخيار preserveDrawingBuffer: true. كل المجسمات من الكود بدون موديلات جاهزة.

سو لي أنيميشن بستايل الكوميكس الأمريكي القديم.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1 ث: سيارة رودستر حمراء واقفة على منصة في مدينة، وخلفها أبراج الكويت (برج كبير وبرج أصغر، كل واحد بكرة حوله، وبرج ثالث رفيع كالإبرة). بجانب السيارة شخص واقف، وفي أسفل الشاشة جمهور.
- من 1 إلى 2 ث: تخرج دفّاعات من تحت العجلات، ويتجمع دخان أبيض كثيف تحت السيارة.
- من 2 إلى 4 ث: ترتفع السيارة ببطء ثم أسرع، والدخان ينتشر، والشخص يرفع يديه مصدوماً.
- من 4 إلى 6 ث: تبقى السيارة معلّقة عالياً وتتأرجح قليلاً، والجمهور يهتف.
السيارة لازم تنفهم من أول نظرة: غطاء محرك طويل، كابينة منخفضة، وأربع عجلات. والعناصر كبيرة وواضحة لأن الفيديو يُشاهد على شاشة جوال.

الستايل:
- لوحتان: العليا كبيرة فيها المدينة والسيارة، والسفلى أصغر فيها وجه الشخص مصدوماً وفقاعة كلام «يا ساتر!».
- نقاط هالفتون Ben-Day في السماء والظلال، وخطوط سوداء سميكة 8 بكسل، وألوان أساسية مسطحة: أحمر وأصفر وأزرق.
- انفجار كوميكس أصفر وأحمر مكتوب فيه بخط عربي عريض: «ووووش!»، ينتفخ بقوة لحظة الإقلاع، مع خطوط سرعة.
- الحركة 8 إطارات في الثانية مثل الرسم اليدوي، والدخان غيوم بيضاء محددة بخط أسود.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.

سو لي أنيميشن بستايل الفلات فيكتور: أشكال مسطحة نظيفة مثل أفلام الشرح.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1 ث: سيارة رودستر حمراء واقفة على منصة في مدينة، وخلفها أبراج الكويت (برج كبير وبرج أصغر، كل واحد بكرة حوله، وبرج ثالث رفيع كالإبرة). بجانب السيارة شخص واقف، وفي أسفل الشاشة جمهور.
- من 1 إلى 2 ث: تخرج دفّاعات من تحت العجلات، ويتجمع دخان أبيض كثيف تحت السيارة.
- من 2 إلى 4 ث: ترتفع السيارة ببطء ثم أسرع، والدخان ينتشر، والشخص يرفع يديه مصدوماً.
- من 4 إلى 6 ث: تبقى السيارة معلّقة عالياً وتتأرجح قليلاً، والجمهور يهتف.
السيارة لازم تنفهم من أول نظرة: غطاء محرك طويل، كابينة منخفضة، وأربع عجلات. والعناصر كبيرة وواضحة لأن الفيديو يُشاهد على شاشة جوال.

الستايل:
- أشكال مسطحة بلا حدود وبلا تدرجات. ليل كحلي، وقمر كريمي كبير، ونجوم نقاط صغيرة.
- طبقات مدينة بثلاث درجات من الأزرق، وأبراج الكويت طبقة مميزة، والجمهور رؤوس دائرية بدرجات بشرة مختلفة في أسفل الشاشة.
- الدخان دوائر كريمية تكبر وتتداخل، والدفع مثلثات برتقالية.
- حركة ناعمة جداً بـsquash and stretch: السيارة تنضغط قبل الإقلاع وتتمدد وهي طالعة، وكل شي يبدأ وينتهي بتسارع وتباطؤ.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.

سو لي أنيميشن بستايل الفيديوهات التأملية البسيطة مثل قناة دان كو: أبيض على أسود وبدون أي لون.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1 ث: سيارة رودستر حمراء واقفة على منصة في مدينة، وخلفها أبراج الكويت (برج كبير وبرج أصغر، كل واحد بكرة حوله، وبرج ثالث رفيع كالإبرة). بجانب السيارة شخص واقف، وفي أسفل الشاشة جمهور.
- من 1 إلى 2 ث: تخرج دفّاعات من تحت العجلات، ويتجمع دخان أبيض كثيف تحت السيارة.
- من 2 إلى 4 ث: ترتفع السيارة ببطء ثم أسرع، والدخان ينتشر، والشخص يرفع يديه مصدوماً.
- من 4 إلى 6 ث: تبقى السيارة معلّقة عالياً وتتأرجح قليلاً، والجمهور يهتف.
السيارة لازم تنفهم من أول نظرة: غطاء محرك طويل، كابينة منخفضة، وأربع عجلات. والعناصر كبيرة وواضحة لأن الفيديو يُشاهد على شاشة جوال.

الستايل:
- خلفية سوداء تماماً، وأبيض فقط، بدون أي لون ثاني وبدون توهج. حتى السيارة والدخان أبيض هنا، والدخان نقاط صغيرة.
- السيارة خطوط رفيعة جداً ونقاط عند كل زاوية مثل كوكبة نجوم، والشخص ستيكمان صغير جداً بجانبها ليبين حجمه.
- تحت كل عجلة حلقات نقطية متحدة المركز تتسع ببطء، وخطوط رأسية رفيعة تربط العجلات بالأرض.
- الجمهور صفوف نقاط بيضاء في الأسفل تنبض بموجة هادئة، والمدينة وأبراج الكويت خط رفيع واحد في الأفق.
- كل شي بطيء وهادئ، ومساحات سوداء كبيرة، وبدون أي نص.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.

سو لي أنيميشن بستايل CGI السينمائي الواقعي.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1 ث: سيارة رودستر حمراء واقفة على منصة في مدينة، وخلفها أبراج الكويت (برج كبير وبرج أصغر، كل واحد بكرة حوله، وبرج ثالث رفيع كالإبرة). بجانب السيارة شخص واقف، وفي أسفل الشاشة جمهور.
- من 1 إلى 2 ث: تخرج دفّاعات من تحت العجلات، ويتجمع دخان أبيض كثيف تحت السيارة.
- من 2 إلى 4 ث: ترتفع السيارة ببطء ثم أسرع، والدخان ينتشر، والشخص يرفع يديه مصدوماً.
- من 4 إلى 6 ث: تبقى السيارة معلّقة عالياً وتتأرجح قليلاً، والجمهور يهتف.
السيارة لازم تنفهم من أول نظرة: غطاء محرك طويل، كابينة منخفضة، وأربع عجلات. والعناصر كبيرة وواضحة لأن الفيديو يُشاهد على شاشة جوال.

الستايل:
- MeshStandardMaterial مع ACES tone mapping وbloom عبر UnrealBloomPass وخريطة بيئة مولدة بالكود. سيارة مصقولة بانعكاسات واضحة.
- مدينة ليلية من كتل داكنة بآلاف النوافذ المضيئة، وأبراج الكويت مضيئة خلف السيارة، وضباب كثيف بسبرايتات ناعمة.
- تحت السيارة حلقة طاقة زرقاء على أرض لامعة، وعمود ضوء أبيض دافئ من الدفّاعات، وبخار يتصاعد.
- الكاميرا منخفضة وتتحرك للأمام ببطء، مع vignette وحبيبات فيلم خفيفة.
- عنوان عربي عريض في الأعلى: «لو سيارتك تطير؟»، وعند الإقلاع كلمة كبيرة في الوسط: «تطير.» فوق مستطيل أصفر.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.
- Three.js عبر importmap من https://unpkg.com/three@0.160.0/build/three.module.js والإضافات من https://unpkg.com/three@0.160.0/examples/jsm/ ، والـrenderer بخيار preserveDrawingBuffer: true. كل المجسمات من الكود بدون موديلات جاهزة.

سو لي أنيميشن بستايل قطع البناء البلاستيكية، كأنه فيلم ستوب موشن.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1 ث: سيارة رودستر حمراء واقفة على منصة في مدينة، وخلفها أبراج الكويت (برج كبير وبرج أصغر، كل واحد بكرة حوله، وبرج ثالث رفيع كالإبرة). بجانب السيارة شخص واقف، وفي أسفل الشاشة جمهور.
- من 1 إلى 2 ث: تخرج دفّاعات من تحت العجلات، ويتجمع دخان أبيض كثيف تحت السيارة.
- من 2 إلى 4 ث: ترتفع السيارة ببطء ثم أسرع، والدخان ينتشر، والشخص يرفع يديه مصدوماً.
- من 4 إلى 6 ث: تبقى السيارة معلّقة عالياً وتتأرجح قليلاً، والجمهور يهتف.
السيارة لازم تنفهم من أول نظرة: غطاء محرك طويل، كابينة منخفضة، وأربع عجلات. والعناصر كبيرة وواضحة لأن الفيديو يُشاهد على شاشة جوال.

الستايل:
- كل شي مبني من طوب بلاستيكي لامع بكبسولات ظاهرة فوقه: قاعدة خضراء كبيرة، وعمارات مكدسة صفراء وحمراء وخضراء، وسيارة حمراء من طوب، وأبراج الكويت من قطع مدورة.
- الشخص مجسم صغير برأس أصفر أسطواني وذراعين مربعتين، بدون وجه مفصل وبدون أي شعار.
- الدخان قطع بيضاء مدورة تظهر وتختفي قطعة قطعة.
- الحركة 12 إطار في الثانية مثل الستوب موشن: السيارة تقفز بخطوات صغيرة والطوب يطلع واحدة واحدة.
- سماء زرقاء فاتحة، وإضاءة شمس ناعمة بظلال واضحة، وكاميرا ثابتة قريبة قليلاً.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.
- Three.js عبر importmap من https://unpkg.com/three@0.160.0/build/three.module.js والإضافات من https://unpkg.com/three@0.160.0/examples/jsm/ ، والـrenderer بخيار preserveDrawingBuffer: true. كل المجسمات من الكود بدون موديلات جاهزة.

سو لي أنيميشن بستايل شورتس الثري دي التعليمية مثل قناة Zack D. Films.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1 ث: سيارة رودستر حمراء واقفة على منصة في مدينة، وخلفها أبراج الكويت (برج كبير وبرج أصغر، كل واحد بكرة حوله، وبرج ثالث رفيع كالإبرة). بجانب السيارة شخص واقف، وفي أسفل الشاشة جمهور.
- من 1 إلى 2 ث: تخرج دفّاعات من تحت العجلات، ويتجمع دخان أبيض كثيف تحت السيارة.
- من 2 إلى 4 ث: ترتفع السيارة ببطء ثم أسرع، والدخان ينتشر، والشخص يرفع يديه مصدوماً.
- من 4 إلى 6 ث: تبقى السيارة معلّقة عالياً وتتأرجح قليلاً، والجمهور يهتف.
السيارة لازم تنفهم من أول نظرة: غطاء محرك طويل، كابينة منخفضة، وأربع عجلات. والعناصر كبيرة وواضحة لأن الفيديو يُشاهد على شاشة جوال.

الستايل:
- مجسمات ناعمة وبسيطة بدون تفاصيل كثيرة، ومواد مطفية، وألوان طبيعية هادئة: سماء رمادية مزرقة وأرض رملية فاتحة.
- السيارة الحمراء كبيرة في الإطار وقريبة من الكاميرا، وتمر الكاميرا بجانبها وتتبعها وهي تطلع.
- إضاءة شمس ناعمة بظل واحد واضح، وعمق بضباب خفيف، والمدينة وأبراج الكويت بعيدة وباهتة.
- الدخان كرات بيضاء ناعمة تتضخم، ودفعات لهب صغيرة من تحت العجلات.
- كابشن واحد أبيض بسيط في منتصف الشاشة لحظة الإقلاع: «تطير.»

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.
- Three.js عبر importmap من https://unpkg.com/three@0.160.0/build/three.module.js والإضافات من https://unpkg.com/three@0.160.0/examples/jsm/ ، والـrenderer بخيار preserveDrawingBuffer: true. كل المجسمات من الكود بدون موديلات جاهزة.

عندي ملف HTML فيه أنيميشن ودالة window.seek(t). صدّره فيديو MP4 بدقة 1080×1920 و30 إطاراً في الثانية ومدته 6 ثوانٍ: افتح الملف بمتصفح بدون واجهة عبر Puppeteer وأضف ?render للرابط، وعلى كل إطار نادِ seek ثم خذ لقطة شاشة، واجمع اللقطات بـ FFmpeg.