كلود أوبس 5.5 يبني رسومًا متحركة بكسل آرت ويحوّلها إلى فيديو عبر Playwright
ما الذي حدث؟
خلال كلمة ختامية في WeAreDevelopers World Congress North America، استخدم سايمون ويليسون نموذج Claude Opus 5.5 لإنشاء رسوم متحركة بكسل آرت لطيور الكاكابو على HTML5 Canvas، احتفاءً بموسم تكاثر قياسي لهذا الطائر في 2026.
الطلب كان بسيطًا: ثلاث صور مرجعية من بحث Google، مع تعليمات بإنشاء 20 طائرًا على الأقل يقفزون ويحتفلون بالكونفيتي. الناتج كان صفحة HTML تفاعلية تعمل بالنقر.
من صفحة ويب إلى فيديو
لإدراج الرسوم في ملف Keynote، وجّه ويليسون جلسة Claude Code محلية لتحويل الصفحة إلى فيديو مدته 15 ثانية، مع بدء النقر بعد 3 ثوانٍ وتوزيع النقرات على مساحة الصفحة.
استخدم Claude Code مكتبة Playwright لتشغيل الصفحة في Chromium، وتنفيذ نقرات مجدولة زمنيًا، وتسجيل الشاشة. السكربت الناتج قصير ويتضمن قائمة إحداثيات وزمن لكل نقرة.
مقارنة: الطرق التقليدية مقابل هذا الأسلوب
| الجانب | الإنتاج التقليدي | الأسلوب المعروض |
|---|---|---|
| إنشاء الرسوم | مصمم + أدوات تحريك | نموذج لغوي + Canvas |
| التسجيل | مونتاج يدوي | Playwright + تسجيل آلي |
| الوقت | ساعات إلى أيام | دقائق |
| التحكم | عالٍ | متوسط، يعتمد على الوصف |
حالات استخدام محتملة في المنطقة
- فرق التسويق: مقاطع قصيرة من صفحات هبوط تفاعلية.
- التعليم: تحويل محتوى تفاعلي إلى فيديو للفصول المسجلة.
- العروض التنفيذية: لقطات متحركة سريعة دون استوديو.
- التوثيق التقني: تسجيل تدفقات واجهة المستخدم آليًا.
ما الذي يجب الانتباه إليه؟
الأسلوب يعتمد على دقة الوصف المقدم للنموذج، وقد يحتاج ضبطًا يدويًا للإحداثيات والتوقيت. كما أن جودة الرسوم النهائية تعتمد على طراز النموذج وإعداداته.
تنويه: هذا المقال يلخّص معلومات من المصدر المذكور. للأرقام والتواريخ الرسمية، راجع الرابط الأصلي. لا نضيف تفاصيل غير منشورة في المصدر.
أسئلة شائعة
ما هو Claude Opus 5.5؟
هو أحدث طراز من عائلة Claude من Anthropic، استُخدم في هذا العرض التجريبي لتوليد رسوم متحركة بكسل آرت على HTML5 Canvas.
كيف تم تحويل صفحة HTML إلى فيديو؟
استخدم Claude Code مكتبة Playwright لتشغيل الصفحة في متصفح Chromium، والنقر على إحداثيات محددة زمنيًا، وتسجيل الشاشة في فيديو مدته 15 ثانية.
هل يمكن لفرق المنطقة استخدام هذا الأسلوب؟
نعم، الأسلوب يعتمد على أدوات مفتوحة المصدر (Playwright) وواجهات نماذج متاحة، ويمكن تكييفه لإنتاج محتوى تسويقي أو تعليمي سريع.
هل هذا بديل عن أدوات المونتاج التقليدية؟
ليس بديلًا كاملًا، لكنه يسرّع إنتاج مقاطع قصيرة من صفحات ويب تفاعلية دون تدخل يدوي في التسجيل.
المصدر: Simon Willison (LLM & tools)
ملخص بمساعدة الذكاء الاصطناعي من المصدر أعلاه. القصص عالية الثقة تُنشر تلقائياً، والبقية تنتظر مراجعة، ولا تُضاف وقائع غير موجودة في المصدر.