“I’m Upping My P(doom)” nomli Claude yaratgan musiqiy videoni render qilish

Loyiha haqida umumiy ma’lumot

I’m Upping My P(doom) Claude Code’da Claude Opus 5.5 yordamida yaratilgan musiqiy videoning manba kodini o‘z ichiga oladi. Tayyor I’m Upping My P(doom) musiqiy videosini YouTube’da tomosha qilishingiz mumkin.

Animatsiya ikki bosqichda yaratilgan. Claude Opus 5.5 yordamida Medium sozlamasida yaratilgan birinchi avlod legacy/ katalogida saqlangan. Ikkinchi avlod esa repozitoriyning qolgan qismini tashkil etadi.

Loyiha hujjatlariga ko‘ra, repozitoriydagi barcha materiallar model tomonidan yaratilgan. Ijodiy yo‘nalish Clawd qahramoni dizaynidan foydalanish va har bir qo‘shiq satriga qiziqarli tasvirlar hamda o‘tishlar berish bilan cheklangan. Alohida sahna g‘oyalari ko‘rsatilmagan.

Animatsiya qanday ishlaydi

Video to‘qqizta bobga bo‘lingan va har bir bob uchun bittadan manba fayli mavjud. Kadrlar p5.js va p5.brush yordamida brauzer sahifasida chiziladi. Node.js render skripti sahifani headless Chrome’da ochadi, kadrlarni yozib oladi va ularni biriktirilgan audio trek bilan ffmpeg yordamida kodlaydi.

Muhim fayl va kataloglar

• src/ch/ katalogida to‘qqizta bob fayli mavjud.
• src/ katalogida Clawd, mehmon qahramonlar, rekvizitlar, qo‘shiq so‘zlari va vaqt jadvali uchun umumiy kod mavjud.
• studio.html sahifasida har bir kadr p5.js va p5.brush yordamida chiziladi.
• render.mjs headless Chrome orqali kadrlarni yaratadi va MP4 faylini hosil qilish uchun ffmpeg’ni ishga tushiradi.
• assets/pdoom.mp3 biriktirilgan qo‘shiqdir.
• STORYBOARD.md model tomonidan yaratilgan kadrma-kadr rejani o‘z ichiga oladi.
• ANIMATION_GUIDE.md parallel subagentlar uchun yozilgan uslubiy va kodlash bo‘yicha ko‘rsatmalarni o‘z ichiga oladi.
• legacy/ loyihaning birinchi avlodini saqlaydi.

Talablar

Videoni render qilishdan oldin quyidagi vositalarni o‘rnating:

• Node.js bog‘liqliklarni o‘rnatish va render.mjs skriptini ishga tushirish uchun.
• Google Chrome kadrlarni headless brauzerda chizish uchun.
• ffmpeg render qilingan kadrlar va qo‘shiqni MP4 fayliga birlashtirish uchun.

Node.js va ffmpeg buyruqlar satridan foydalanish mumkinligiga ishonch hosil qiling. Chrome’ni standart Windows manziliga o‘rnating yoki uning yo‘lini aniq ko‘rsating.

Loyihani o‘rnatish

Terminalni repozitoriy ildizida oching va Node.js bog‘liqliklarini o‘rnating:

npm install

Repozitoriyda assets/pdoom.mp3 manzilida qo‘shiq allaqachon mavjud, shuning uchun hujjatlashtirilgan ish jarayonida alohida audio faylni yuklab olish talab etilmaydi.

Animatsiya kadrlarini render qilish

Render skriptini hujjatlashtirilgan kadrlar oralig‘i va to‘rtta worker bilan ishga tushiring:

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

Bu video kadrlarini out/frames katalogiga yozadi. Kadrlarni render qilish jarayonini davom ettirish mumkin, bu butun musiqiy videoni yaratish vaqt talab qilgani uchun qulay.

--workers=4 parametri buyruqni to‘rtta render workeridan foydalanishga sozlaydi. Bu qiymatni o‘zgartirsangiz, kompyuteringizdagi mavjud resurslarga mos workerlar sonini tanlang.

Yakuniy MP4 faylini kodlash

Kadrlar render qilingach, ularni biriktirilgan qo‘shiq bilan birlashtiring:

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

Bu ffmpeg yordamida render qilingan kadrlar va audioni birlashtiradi, so‘ng tayyor videoni out/pdoom.mp4 manziliga yozadi.

Maxsus Chrome yo‘lidan foydalanish

Agar Chrome standart Windows manziliga o‘rnatilmagan bo‘lsa, render buyrug‘iga --chrome parametrini qo‘shing:

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

<path to chrome> o‘rniga Chrome bajariluvchi faylining yo‘lini kiriting.

Ishlab chiqarish jarayonini o‘rganish va o‘zgartirish

Storyboard’dan boshlang

Sahnalarni o‘zgartirishdan oldin STORYBOARD.md faylini o‘qing. Unda Claude’ga P5 mo‘yqalam izlaridan foydalanish, har bir sahnani vizual jihatdan qiziqarli saqlash va har bir sahnani keyingisiga o‘tkazish topshirig‘i berilgandan so‘ng yaratilgan kadrma-kadr reja tasvirlangan.

Animatsiya qo‘llanmasiga rioya qiling

ANIMATION_GUIDE.md faylidan loyiha uslubi va amalga oshirish bo‘yicha qo‘llanma sifatida foydalaning. Claude Opus bu faylni parallel ravishda ishga tushirgan subagentlariga yo‘riqnoma berish uchun yozgan, shu sababli u bob fayllari o‘rtasida izchillikni saqlash uchun eng muhim qo‘llanmadir.

Boblarni mustaqil tahrirlang

src/ch/ katalogidagi to‘qqizta fayl videoni boshqariladigan qismlarga ajratadi. Videoning muayyan qismini o‘zgartirganda, avval uning bobini aniqlang, so‘ng src/ katalogidagi umumiy vaqt jadvali, qo‘shiq so‘zlari, qahramonlar va rekvizitlar kodini ko‘rib chiqing.

Ikkala avlodni taqqoslang

legacy/ katalogida birinchi yaratilgan versiya mavjud. Uni joriy manba bilan taqqoslash vizual yo‘nalish, P5 mo‘yqalam izlari bo‘yicha ko‘rsatmalar va sahnalar o‘tishlari ikkinchi avlod davomida qanday rivojlanganini tushunishga yordam beradi.

Ilg‘or ish jarayoni bo‘yicha maslahatlar

• Davom ettiriladigan chiqishni saqlang: Render qilingan kadrlar out/frames papkasiga yoziladi va jarayonni davom ettirish mumkin, shuning uchun uzilib qolgan renderni davom ettirayotganda bu papkani o‘chirib tashlamang.
• Renderni kodlashdan ajrating: Kodlash buyrug‘ini ishga tushirishdan oldin kadr yaratish buyrug‘ini yakunlang. Bu qimmatga tushadigan kadr renderini qaytadan bajarishga hojat qoldirmasdan, uni davom ettirishni osonlashtiradi.
• Keng ko‘lamli o‘zgarishlardan oldin umumiy kodni ko‘rib chiqing: Qahramonlar, rekvizitlar, qo‘shiq matni va vaqt jadvali xatti-harakati src/ ichida umumiy tarzda ishlatiladi. U yerdagi o‘zgarish bir nechta bobga ta’sir qilishi mumkin.
• Boshqa loyihalar uchun yangiroq bazadan foydalaning: Muallif Claude Opus 5.5 yordamida yangi Claude animatsiyalarini yaratish uchun yanada ishonchli va umumiy asos sifatida ClaudeAnimationBase loyihasini tavsiya qiladi.

Kreditlar va havolalar

Loyiha X tarmog‘idagi postdan ilhomlangan. README faylida qo‘shiq, muallif aniqlay olgan ma’lumotlarga ko‘ra, 2024-yildagi YouTube videosiga tegishli ekani ko‘rsatilgan.

Xulosa

Ushbu repozitoriy ham tayyor generativ animatsiyani, ham model tomonidan yaratilgan ishlab chiqarish tuzilmasining to‘liq ko‘rinishini taqdim etadi. Node.js, Chrome va ffmpeg o‘rnatilgan bo‘lsa, kadrlarni render qilishingiz, kiritilgan audioni kodlashingiz, storyboard va animatsiya qo‘llanmasini ko‘rib chiqishingiz hamda to‘qqizta p5.js bobi yakuniy musiqiy videoga qanday birlashishini o‘rganishingiz mumkin.