دوز مباشرة للمحتوى الرئيسي
دروس فالذكاء الاصطناعي

رنديري فيديو موسيقي «أنا كنطلّع P(doom) ديالي» مولّد بـ Claude

تعلّم كيفاش منظم هاد مشروع الأنيميشن المولّد بـ Claude Opus 5.5، وكيفاش تثبّت الاعتماديات ديالو، وترندر الفريمات باستعمال Chrome بلا واجهة، وتجمعها مع الأغنية المرفقة باستعمال ffmpeg.

حوالي 11 دقايق ديال القراية
رنديري فيديو موسيقي «أنا كنطلّع P(doom) ديالي» مولّد بـ Claude

نظرة عامة على المشروع

I’m Upping My P(doom) فيه الكود المصدري ديال فيديو موسيقي تْوَلّد باستعمال Claude Opus 5.5 فـ Claude Code. تقدر تتفرّج فـ الفيديو الموسيقي I’m Upping My P(doom) كامل على YouTube.

الأنيميشن تْنتج فـ جوج ديال الأجيال. الأول، اللي تدار بـ Claude Opus 5.5 فإعداد Medium، محفوظ فـ legacy/. الجيل الثاني هو اللي كيشكّل باقي المستودع.

حسب وثائق المشروع، كلشي اللي كاين فالمستودع تْوَلّد بواسطة النموذج. التوجيه الإبداعي كان محدود فاستعمال تصميم شخصية Clawd وإعطاء كل مقطع من الكلمات صور وانتقالات مشوّقة. ما تحددات حتى فكرة فردية ديال أي مشهد.

كيفاش كيخدم الأنيميشن

الفيديو مقسّم لتسعة فصول، وكل فصل عندو ملف مصدري خاص به. الإطارات كيتترسمو فصفحة ديال المتصفح باستعمال p5.js وp5.brush. سكريبت ديال التصيير بـ Node.js كيفتح هاد الصفحة فـ Chrome بلا واجهة، كيلتاقط الإطارات، وكيستعمل ffmpeg باش يرمّزها مع المسار الصوتي المرفق.

الملفات والمجلدات المهمة

  • src/ch/ فيه ملفات الفصول التسعة.
  • src/ فيه الكود المشترك ديال Clawd، والشخصيات الضيفة، والإكسسوارات، والكلمات، والخط الزمني.
  • studio.html هي الصفحة اللي كيتترسم فيها كل إطار باستعمال p5.js وp5.brush.
  • render.mjs كيرسم الإطارات عبر Chrome بلا واجهة وكيستدعي ffmpeg باش ينشئ ملف MP4.
  • assets/pdoom.mp3 هي الأغنية المرفقة.
  • STORYBOARD.md فيه المخطط ديال اللقطات، اللي تْوَلّد بواسطة النموذج، لقطة بلقطة.
  • ANIMATION_GUIDE.md فيه التوجيهات ديال الأسلوب والبرمجة اللي تكتبات للوكلاء الفرعيين اللي خدامين بالتوازي.
  • legacy/ كيحافظ على الجيل الأول ديال المشروع.

المتطلبات المسبقة

قبل ما ترسم الفيديو، نصّب الأدوات التالية:

  • Node.js باش تنصّب الاعتماديات وتشغّل render.mjs.
  • Google Chrome باش تترسم الإطارات فمتصفح خدام بلا واجهة.
  • ffmpeg باش تجمع الإطارات المرسومة والأغنية فملف MP4.

تأكّد بلي Node.js وffmpeg متوفرين من سطر الأوامر. خاص Chrome يكون منصّب فالمسار الافتراضي ديالو فـ Windows، إلا إلا كنت ناوي تعطي المسار ديالو بشكل صريح.

تنصيب المشروع

حلّ التيرمينال فالجذر ديال المستودع ونصّب الاعتماديات ديال Node.js:

npm install

المستودع فيه الأغنية ديجا فـ assets/pdoom.mp3، وبهذا سير العمل الموثّق ما كيحتاجش تحميل ملف صوتي آخر.

رسم إطارات الأنيميشن

شغّل سكريبت التصيير بنطاق الإطارات الموثّق وبأربعة ديال العمال:

node render.mjs --frames=0:156.6 --workers=4

هاد الأمر كيرسم إطارات الفيديو داخل out/frames. عملية رسم الإطارات قابلة للاستئناف، وهادشي مفيد حيث إنشاء فيديو موسيقي كامل يقدر ياخذ الوقت.

الخيار --workers=4 كيضبط الأمر باش يستعمل أربعة ديال العمال فالتصيير. إلا بدّلتي هاد القيمة، اختار عدد العمال المناسب للموارد المتوفرة فالحاسوب ديالك.

ترميز ملف MP4 النهائي

من بعد ما يكمل رسم الإطارات، جمعها مع الأغنية المرفقة:

node render.mjs --encode --out=out/pdoom.mp4

هاد العملية كتستعمل ffmpeg باش تجمع الإطارات المرسومة والصوت، ومن بعد كتكتب الفيديو الكامل فـ out/pdoom.mp4.

استعمال مسار مخصّص لـ Chrome

إلا ما كانش Chrome منصّب فالمسار الافتراضي ديال Windows، زِد الخيار --chrome لأمر التصيير:

node render.mjs --frames=0:156.6 --workers=4 --chrome=<path to chrome>

عوّض <path to chrome> بالمسار ديال الملف التنفيذي ديال Chrome.

استكشاف الإنتاج وتعديلو

بدا بالمخطط ديال اللقطات

قرا STORYBOARD.md قبل ما تبدّل المشاهد. كيوصف المخطط ديال اللقطات، اللي تدار من بعد الجيل الأول، ملي تعطات التعليمات لـ Claude باش يستعمل ضربات فرشاة P5، ويخلي كل مشهد مشوّق بصرياً، ويدوز كل مشهد للّي من بعدو بانتقال.

تبع دليل الأنيميشن

استعمل ANIMATION_GUIDE.md كمرجع ديال الأسلوب والتنفيذ فالمشروع. Claude Opus هو اللي كتب هاد الملف باش يوجّه الوكلاء الفرعيين اللي شغّلهم بالتوازي، وهادشي كيخليه الدليل الأكثر صلة بالحفاظ على الانسجام بين ملفات الفصول.

عدّل الفصول بشكل مستقل

الملفات التسعة اللي فـ src/ch/ كيقسمو الفيديو لأجزاء ساهلة للتدبير. ملي بغيتي تبدّل جزء معيّن من الفيديو، حدّد الفصل ديالو الأول، ومن بعد راجع الكود المشترك ديال الخط الزمني والكلمات والشخصيات والإكسسوارات تحت src/.

قارن بين الجيلين

المجلد legacy/ كيوفّر النسخة الأولى اللي تْوَلّدت. المقارنة بينها وبين المصدر الحالي تقدر تعاونك تفهم كيفاش تطوّر التوجيه البصري، وتوجيهات ضربات فرشاة P5، وانتقالات المشاهد خلال الجيل الثاني.

نصائح متقدمة لسير العمل

  • حافظ على الخرج القابل للاستئناف: حيث إن الإطارات المرندرة كتتكتب فـ out/frames والعملية قابلة للاستئناف، تجنّب تمسح داك المجلد ملي كتكمّل رندرة توقّفات.
  • فرّق بين الرندرة والترميز: كمّل الأمر ديال توليد الإطارات قبل ما تشغّل أمر الترميز. بهاد الطريقة كتقدر تستأنف رندرة الإطارات المكلفة بلا ما تعاود الترميز النهائي بلا داعي.
  • راجع الكود المشترك قبل التغييرات الواسعة: الشخصيات، والأدوات، والكلمات، وسلوك الخط الزمني مشتركين تحت src/. أي تغيير تما يقدر يأثر على بزاف ديال الفصول.
  • استعمل الأساس الجديد للمشاريع الأخرى: المؤلف كيوصي بـ ClaudeAnimationBase كأساس أكثر موثوقية وعمومية لصناعة أنيميشنات جديدة ديال Claude باستعمال Claude Opus 5.5.

الاعتمادات والمراجع

المشروع مستوحى من منشور على X. وملف README كينسب الأغنية، على حساب ما قدر المؤلف يحدّد، لـ فيديو على YouTube من سنة 2024.

الخلاصة

هاد المستودع كيوفّر أنيميشن توليدي واجد، وزيد عليه نظرة كاملة على البنية الإنتاجية اللي تخلقات بالنموذج. إلا كانو Node.js وChrome وffmpeg منصّبين، تقدر ترندر الإطارات، وترمّز الصوت المرفق، وتفحص الستوريبورد ودليل الأنيميشن، وتستكشف كيفاش تسعة فصول ديال p5.js كيتجمعو باش يخرجو الفيديو الموسيقي النهائي.