Anidoodle مهارة لإنشاء رسوم وأفلام توضيحية وعناصر ويب متحركة باستخدام الكود. تحول الفكرة إلى خطوط وأشكال وتوقيتات يمكن تعديلها في المصدر، بدل الاعتماد على صورة مولدة جديدة لكل إطار. وهي مناسبة لمن يريد لغة بصرية متماسكة عبر مجموعة رسومات أو شرح متحرك أو شخصية ترافق واجهة موقع. ويشمل نطاقها الصور الثابتة، ومقاطع ظهور الرسم تدريجيًا، والأفلام، والحلقات المتكررة، مع أدوات لتأليف الموسيقى برمجيًا عند طلب الصوت.
متى تكون اختيارًا مناسبًا؟
تظهر فائدتها عندما تكون قابلية التعديل أهم من الواقعية الفوتوغرافية. يمكن لفريق منتج إعداد رسومات لصفحة تعريفية، ثم اشتقاق صور لميزات التطبيق وشرائح العرض من اللغة البصرية نفسها. ويمكن لصانع محتوى شرح دورة عمل أو مفهوم تعليمي بحركة تكشف العلاقة بين الأجزاء. أما إعلان يعتمد على تصوير أشخاص واقعيين أو محاكاة سينمائية معقدة، فلا ينبغي افتراض أن الرسم البرمجي هو الطريق الأنسب إليه. اختر الأسلوب بناءً على الرسالة والجمهور، لا على عدد الخيارات المتاحة وحده.
تعلن الحزمة عن اثنين وثلاثين أسلوبًا بصريًا، تشمل اتجاهات مثل الرسم بالقلم، والألوان المائية، والورق المقصوص، والبكسل، والطباعة الخشبية. الفكرة هي تغيير طريقة بناء العلامات والحواف والملمس، وليس تبديل لوحة الألوان فقط. ويمكن استخدام مرجع بصري لتوجيه العمل، مع ضرورة امتلاك حقوق المواد التي تدخل المشروع واحترام العلامات والشخصيات المحمية. وجود أسلوب مستلهم لا يمنح إذنًا لإعادة إنتاج عمل بعينه أو تقديمه باعتباره أصلًا جديدًا بالكامل.
من الملخص إلى مصدر قابل للتعديل
ابدأ بطلب يوضح الموضوع والمقاس والمدة والجمهور والطابع البصري، وحدد إن كان العمل صامتًا أم مصحوبًا بالموسيقى. مثال عملي: شرح مبسط لكيفية انتقال طلب شراء داخل متجر، بثلاث مراحل وشخصية مرشدة واحدة، في نسخة رأسية تناسب الهاتف. بعد ذلك، اطلب لقطة تمثل أصعب جزء من الشكل النهائي قبل بناء الفيلم. بهذه الطريقة تستطيع تعديل سماكة الخط أو كثافة التفاصيل مبكرًا، بدل اكتشاف اختلاف الأسلوب بعد إنجاز سلسلة كاملة من المشاهد.
توجه المهارة إلى صياغة فكرة واضحة لكل صورة وقصة مفهومة لكل فيلم، ثم تنظيم الحركة على جدول توقيت. ويمكن إعادة استخدام تعريف الشخصية البرمجي عبر لقطات ووضعيات مختلفة لدعم الاتساق. لكن الاتساق هنا نتيجة تصميم المصدر والمراجعة، وليس ضمانًا بأن أي وصف نصي ينتج الشخصية نفسها تلقائيًا. عند الحاجة إلى سلسلة طويلة، احتفظ بمرجع معتمد للنسب والألوان والملابس، وراجع اللقطات التي تغير زاوية الرؤية أو حجم الشخصية بصورة خاصة.
الرسم والصوت لا يحتاجان توليد وسائط
تعتمد الرسوم الأساسية على وظائف برمجية ترسم الإطارات، بينما تصف بيانات موسيقية النغمات التي يؤديها المحرك. لذلك لا تحتاج الفكرة الأساسية إلى واجهة توليد صور أو فيديو. وتبقى تكلفة الوكيل الذي يكتب المصدر ويعدله منفصلة عن تشغيل الرسم الناتج. تتيح الحزمة كذلك حزمة صوتية اختيارية بحجم يقارب ثلاثمائة وثلاثة وسبعين ميجابايت، تضيف تسجيلات لآلات صوتية. تنزيلها ليس لازمًا لكي تعمل الموسيقى، ويجب الموافقة عليه وفهم متطلباته قبل إضافته إلى البيئة.
عمليًا، حدد منذ البداية ما إذا كانت الموسيقى ضرورية لفهم العمل أم مجرد خلفية. وفي محتوى الويب، اجعل التجربة مفهومة دون تشغيل الصوت تلقائيًا. اطلب عينة قصيرة قبل اعتماد التأليف الكامل، ثم استمع إلى الملف النهائي بعد التصدير؛ نجاح الفحوص الرقمية لا يثبت أن اللحن مريح أو أن المزج يناسب الكلام إن أضفته لاحقًا. وأي صور أو لقطات شاشة تقدمها بنفسك تظل مواد خارجية ينبغي توثيق مصدرها وحقوق استخدامها.
حركة قابلة لإعادة البناء
يقوم التصميم على اشتقاق حالة الإطار من رقمه ومدخلاته، مع ضبط العشوائية، بدل ربط الرسم بساعة الجهاز أو ترتيب تشغيل الإطارات. هذا مفيد عند إعادة التصيير أو تعديل المقاس أو بناء نسخ متعددة من المصدر نفسه. ومع ذلك، تتناول وثائق المشروع فروقًا محتملة في التنعيم وفحوص الاتساق؛ لذلك لا يصح تحويل هدف القابلية لإعادة الإنتاج إلى ضمان تطابق مطلق على كل جهاز وبيئة. اختبر إعدادات التصدير التي ستستخدمها فعلًا، واحتفظ بالمصدر وإصدارات الاعتماديات المرتبطة بالتسليم.
يدعم المشروع مسارات تشغيل تشمل Playwright وHTML وRemotion وHyperFrames. ويمكن أن يناسب الرسم التفاعلي واجهة موقع تستجيب للنقر أو التمرير، بينما يناسب الفيديو المصدّر المنصات الاجتماعية. اختيار مسار التشغيل لا يغني عن مراجعة سرعة الصفحة وحجم الملف واستجابة الحركة لتفضيلات المستخدم. بالنسبة إلى واجهة إنتاجية، اختبر حالة تعطيل الحركة والتنقل بلوحة المفاتيح، وتأكد من أن الرسوم لا تحجب النص أو تؤخر الوصول إلى الإجراء الأساسي.
التجهيز والترخيص والمراجعة النهائية
تذكر الوثائق Node.js بالإصدار العشرين أو أحدث، ومتصفح Chromium عبر Playwright، مع FFmpeg لتصدير الأعمال المتحركة. وتتوفر تعليمات للاستخدام مع Claude Code وCodex، إضافة إلى بنية مهارة قياسية للوكلاء الذين يقرؤون هذا التنسيق. المستوى المناسب متوسط، ويرتفع مع تعقيد القصة أو دمج الرسوم داخل موقع. ستحتاج إلى استعداد لمراجعة الكود وحل مشكلات البيئة، وليس مجرد كتابة وصف وانتظار نتيجة مضمونة.
المشروع منشور بترخيص Apache 2.0، مع بقاء تكاليف النموذج والحوسبة وأي خدمات خارجية منفصلة. راجع شروط المكونات والمواد الصوتية والصور المضافة قبل استخدامها تجاريًا. أفضل بداية هي مشهد قصير أو مجموعة صور صغيرة، ثم فحص النتيجة البصرية والصوتية وإمكانية تعديلها قبل توسيع الاعتماد عليها.