MG Styles 15 مكتبة تعليمية وعملية لأساليب الموشن جرافيك المنفذة بالكود. تجمع خمسة عشر فيلمًا قصيرًا، مع وصف الأسلوب والبرومبت والمصدر المستخدم لبناء كل مثال. طريقة استخدامها تعتمد على قراءة المرجع وتقديم البرومبت إلى وكيل يستطيع كتابة الكود وتشغيله، أو دراسة المصدر وتعديله. لذلك تُعرض هنا كمكتبة برومبتات وأمثلة مساعدة للعمل مع الوكلاء، وليس كحزمة مهارة جاهزة للتثبيت بملف SKILL.md.
ما الذي تقدمه المكتبة؟
تغطي الأمثلة اتجاهات مختلفة، منها الرسم إطارًا بإطار، والتصميم المتساوي القياس، والأشكال المسطحة، والرسم الخطي، والمشاهد ثلاثية الأبعاد، وتحولات الأشكال، والكولاج، والواجهات المستقبلية، والباوهاوس، والبكسل، والحركة السائلة. يتيح هذا التنوع مقارنة قواعد الحركة والتكوين بدل التعامل مع كل الموشن باعتباره نصوصًا تدخل وتخرج فوق خلفية. الأفلام الأصلية مدتها عشر ثوان لكل أسلوب، وهي نقاط انطلاق للدراسة وليست حدودًا ثابتة لكل مشروع لاحق.
يربط كل مثال بين النتيجة ووصفها الفني ومكوناتها، وهو أمر مفيد لمن يريد فهم سبب ظهور العمل بهذا الشكل. تستطيع قراءة البرومبت ثم البحث في الكود عن طريقة بناء الحركة أو الصوت، بدل نسخ صياغة طويلة دون معرفة دور أجزائها. والأفضل اختيار مثال قريب من مشروعك، ثم تحليل عدد محدود من خصائصه، لا محاولة دمج الأساليب الخمسة عشر في فيديو واحد.
كيف تستفيد من البرومبت؟
يفصل القالب بين مواصفات الإخراج والمسار التقني والفكرة الإبداعية والسمات التي تعرّف الأسلوب. عند تغيير الموضوع، يمكنك استبدال القصة والاسم والنص والألوان مع الاحتفاظ بالخصائص الجوهرية. وإذا أردت مقاسًا رأسيًا أو مدة مختلفة، عدل المواصفات وتكوين المشاهد والتوقيتات معًا. تغيير أبعاد التصدير فقط قد يقص العناصر أو يضغط النص دون أن ينتج تصميمًا مناسبًا للهاتف.
مثلًا، إذا كنت تقدم أداة تساعد على تنظيم الملفات، يمكن تحويل الفكرة إلى أشكال تتجمع ثم تتحول إلى نظام واضح. حدد ما تمثله الأشكال، ومتى يظهر اسم الأداة، وما الحركة التي توضح فائدتها. لا تجعل المثال مجرد سلسلة انتقالات جميلة. ابدأ بمشكلة يفهمها المشاهد ثم لحظة تحول ونتيجة مرئية، مع نهاية تمنحه وقتًا لقراءة الرسالة بدل قطعها فور ظهورها.
دراسة الحركة بدل نسخ الشكل
يوضح مثال الرسم المتحرك كيفية استخدام تغيرات صغيرة في الخطوط لإحساس يدوي، وكيف تختلف الحركة السريعة عن وقفة قصيرة أو انتقال مرن. يمكن تطبيق هذا النوع من الدراسة على أي أسلوب: ما الذي يجعل الحركة مقروءة؟ أين يسبق الفعلَ تمهيدٌ؟ وما الذي يستمر بعد توقف العنصر الرئيسي؟ هذه أسئلة تساعد على تحويل المرجع إلى معرفة قابلة للنقل، حتى عندما يتغير موضوع الفيديو بالكامل.
جهز قائمة مراجعة قصيرة خاصة بمشروعك. افحص تسارع الأجسام وتباطؤها، ووضوح المسار، وعدم اصطدام النص بالعناصر، ومدة بقاء العناوين. شاهد المقاطع السريعة إطارًا بإطار عند الحاجة، ثم أعد تشغيلها بالسرعة الطبيعية. قد تبدو اللقطة الثابتة متوازنة بينما تكون الحركة مزدحمة، وقد تكون الحركة جذابة لكن الرسالة تختفي قبل أن تُقرأ. الجودة تحتاج إلى الحالتين، لا إلى معاينة واحدة.
الصورة والصوت ومسار التصيير
تستخدم الأمثلة تقنيات مثل SVG وCanvas وWebGL وThree.js، مع مسار Blender للمثال ثلاثي الأبعاد. تتعامل صفحة الفيلم مع الزمن لتوليد الإطار المطلوب، ثم يلتقطه متصفح دون واجهة ويجمع FFmpeg الإطارات مع الصوت. توجد أيضًا سكربتات للصوت ومكتبة عينات وتوقيتات تساعد على تنسيق الأحداث. الصوت هنا جزء من تصميم الحركة، وليس ملف موسيقى يُضاف بعد انتهاء الصورة بلا علاقة بالإيقاع.
لتجربة المصادر تحتاج إلى Node.js بإصدار 22.12 أو أحدث، وGoogle Chrome، وFFmpeg، وPython بإصدار 3.11 أو أحدث. يلزم Blender للمثال المخصص له فقط، ولا ينبغي تعميمه على كل المكتبة. وقد يحتاج مسار المتصفح إلى ضبط خارج موقعه الافتراضي. الخطوط ليست مرفقة، لذا يجب توفير الخطوط المناسبة أو اختيار بدائل مرخصة، ثم مراجعة تأثيرها على القياسات والتفاف السطور.
المراجعة والتكلفة والحقوق
يتضمن المستودع قالبًا لكتابة اتجاه جديد وأداة إرشادية لتقييم الناتج وإعادته للتحسين. استفد من المراجعة لتحديد تعديل واضح، مثل إصلاح التوقيت أو تقليل ازدحام الإطار، بدل طلب «اجعله أفضل» دون معيار. تقييم نموذج آخر قد يكشف مشكلة، لكنه لا يثبت الجودة بمفرده. افحص الملف النهائي ومدته ومقاسه ومعدل إطاراته ووجود الصوت وسلامة النصوص، خاصة بعد تعديل القالب إلى العربية.
الكود والبرومبتات والمواد الأصلية للمشروع منشورة بترخيص MIT، مع بقاء حقوق الأصول الخارجية والخطوط وفق تراخيصها. تكلفة النموذج والمعالجة منفصلة، وإعادة استخدام البرومبت لا تضمن نسخة مطابقة للأفلام المعروضة. ابدأ بمشهد صغير، واحتفظ بالنسخة التي تعمل قبل توسيعها، وسجل تعديلاتك والمواد المستخدمة. الهدف العملي هو بناء قالب تفهمه ويمكنك تطويره، لا الاعتماد على نسخ البرومبت ولصقه باعتباره ضمانًا لفيلم نهائي.