Asosiy kontentga o‘tish
AI qo‘llanmalari

Claude, Three.js va Remotion yordamida vertikal animatsion hikoya shortlari yarating

Claude Animated Shorts’ni o‘rnatish va undan foydalanib, stilize qilingan qahramonlar, kinematik kameralar, musiqa, effektlar, kadrlarni tekshirish va yakuniy 2K renderga ega 55–70 soniyalik vertikal hikoyalar yaratishni o‘rganing — barchasi three.js va Remotion orqali lokal tarzda render qilinadi.

Claude, Three.js va Remotion yordamida vertikal animatsion hikoya shortlari yarating

Claude animatsion shortlari nima?

Claude animatsion shortlari — Claude yordamida virusli animatsion shortlarni qanday yaratish mumkin (to‘liq jarayon) qo‘llanmasida namoyish etilgan ish jarayoniga asoslangan bepul Claude ko‘nikmasidir. U AI video generatoriga tayanmasdan, 55–70 soniyalik vertikal animatsion hikoya shortlarini yaratishga yordam beradi.

Loyiha 2D qahramonlarni rang-barang 3D muhit bilan birlashtiradi. Uning maqsadli uslubi siyoh konturlari, bo‘yalgan shaharchalar, obyektiv xiralashuvi, sirg‘aluvchi kamera harakati, marsh uslubidagi musiqa va sinxronlashtirilgan ovoz effektlarini o‘z ichiga oladi. Renderlash Remotion ichidagi three.js yordamida o‘z kompyuteringizda amalga oshiriladi.

Ish jarayoni 1831-yildagi Broughton ko‘prigi haqida hikoya qiluvchi 67 soniyalik The Bridge That Fell for a Song shortida sinovdan o‘tkazilgan.

Asosiy imkoniyatlar va repozitoriy tarkibi

Repozitoriyda ishlab chiqarish ko‘nikmasi, to‘liq namuna loyihasi, audio aktivlar, sifatni ta’minlash vositalari va o‘lchangan vizual namunalar mavjud.

  • SKILL.md: To‘liq pipeline, ishlab chiqarish qoidalari, tuzatishlar va yakuniy vizual qiymatlarni o‘z ichiga olgan asosiy ko‘nikma ta’rifi.
  • templates/bridge/: Ko‘prik shortining to‘liq manba kodi, jumladan uning dunyosi, qahramonlari, siyoh ishlovi, obyektiv xiralashuvi, rang korreksiyasi, hikoyasi va kamera ishlari.
  • templates/audio/: Sintez qilingan ovoz effektlari, marsh musiqasi hamda ducking va loudness ishlovi qo‘llangan yakuniy miks.
  • templates/scripts/: Kadrlar va yonma-yon varaqlar yaratish, kadrlarni birlashtirish hamda kadrma-kadr sifatni ta’minlash uchun yordamchi skriptlar.
  • references/STYLE_BIBLE.md: 20 ta namunaviy shortdan o‘lchangan ssenariy va vizual formula.
  • references/reports/: Harakat, chuqurlik, teksturalar, qahramonlar, yoritish, konturlar va rang korreksiyasini qamrab olgan yettita hisobot.
  • references/frames/: 540 ga 960 piksel o‘lchamdagi 38 ta to‘liq o‘lchamli namunaviy kadr.
  • references/sheets/: Har bir namunaviy short uchun 60 ta kadrga ega 20 ta kontakt varag‘i, jami 1 200 ta kadr.

Talablar

Ko‘nikmani o‘rnatishdan oldin uning renderlash va audio ish jarayoni uchun zarur mahalliy vositalarni tayyorlang.

  • Claude Code — ko‘nikmani ishga tushirish va ish jarayonini muvofiqlashtirish uchun.
  • Node — JavaScript va Remotion muhiti uchun.
  • Remotion hamda video kompozitsiyasi va three.js renderlashi uchun @remotion/three.
  • Python 3 — kiritilgan yordamchi skriptlar uchun.
  • ffmpeg — video va audio ishlovi uchun.

Remotion va uning three.js integratsiyasini sozlashda rasmiy Remotion hujjatlariga amal qiling. Qo‘llab-quvvatlovchi buyruq satri vositalari mavjudligini ham tasdiqlashingiz mumkin:

node --version
python3 --version
ffmpeg -version

Claude ko‘nikmasini o‘rnatish

  1. Repozitoriy klonlang yoki uning ZIP arxivini yuklab oling.

  2. To‘liq loyiha jildini quyidagi Claude ko‘nikmalari yo‘liga joylashtiring:

    ~/.claude/skills/cartoon-3d-short/
  3. SKILL.md, templates/ va references/ shu jild ichida qolganini tasdiqlang. Repozitoriy tuzilmasini saqlang, chunki ko‘nikma ish jarayoni va vizual taqqoslashlar uchun ushbu resurslarga tayanadi.

  4. Ishlab chiqarishni boshlashdan oldin Remotion, @remotion/three, Node, Python 3 va ffmpeg kompyuteringizda mavjudligiga ishonch hosil qiling.

Remotion vaqtinchalik xotirasini sozlash

REMOTION_TMP o‘zgaruvchisini bo‘sh joyi yetarli bo‘lgan diskdagi jildga o‘rnating. Har bir Remotion to‘plami taxminan 1.3 GB hajmdagi public/ jildini vaqtinchalik xotiraga ko‘chiradi.

Unix-ga o‘xshash qobiqda o‘zgaruvchini joriy seans uchun quyidagicha o‘rnatishingiz mumkin:

export REMOTION_TMP=/path/to/large-drive/remotion-tmp

Kichik tizim diski o‘rniga katta diskdagi joyni tanlang. O‘zgaruvchini doimiy sozlash operatsion tizimingiz va qobig‘ingizga bog‘liq.

Birinchi animatsion shortingizni yarating

1. Mavzu tanlang

Tushuntirmoqchi bo‘lgan tarixiy voqea, hikoya yoki mavzuni belgilang. Loyiha qisqa hikoyaviy mahsulotlar uchun mo‘ljallangan, shuning uchun taxminan bir daqiqaga sig‘adigan aniq mavzu eng yaxshi boshlang‘ich nuqtadir.

2. Claude Code’da ko‘nikmani ishga tushiring

Claude Code’ni oching va ko‘nikmani bevosita so‘rang. Joylashtiruvchi belgini mavzuyingiz bilan almashtiring:

Use the cartoon short skill and make a short about [your topic].

Masalan:

Use the cartoon short skill and make a short about the Broughton bridge collapse.

3. Ko‘nikmaga ishlab chiqarish pipeline’ini bajarishga imkon bering

Claude SKILL.md faylidagi ko‘rsatmalarga amal qiladi. Ish jarayoni quyidagi asosiy bosqichlardan o‘tadi:

  1. Mavzu va faktlar: Mavzu hamda faktik asosni belgilash.
  2. Ssenariy: Faktlarni qisqa hikoyaga shakllantirish.
  3. Ovoz: Hikoya uchun diktorlik matnini tayyorlash.
  4. Kadrlar rejasi: story.ts faylida ketma-ketlik va kamera rejasini belgilash.
  5. Statik kadrlar: Yakuniy renderlashga o‘tishdan oldin namunaviy kadrlarni yaratish.
  6. Renderlash: Remotion va three.js orqali animatsion kadrlarni mahalliy tarzda ishlab chiqarish.
  7. Sifat tekshiruvlari: Kadrlarni o‘lchangan hisobotlar va taqdim etilgan namunaviy kadrlar bilan taqqoslash.
  8. Yakuniy natija: Yakuniy 2K render va ovoz miksini ishlab chiqarish.

Vizual va audio ish jarayonini tushunish

Taqdim etilgan ko‘prik shabloni loyiha yakunlangan qisqa filmni qanday tashkil etishini ko‘rsatadigan to‘liq misoldir. Muhit, qahramonlar, rejalar, chuqurlik effektlari, ranglarni sozlash, kamera harakati va hikoya vaqtining qanday uyg‘unlashishini ko‘rish uchun templates/bridge/ jildini o‘rganing.

Tovush uchun templates/audio/ jildini ko‘rib chiqing. Unda sinalgan ishlab chiqarishda qo‘llangan sintez qilingan effektlar, marsh musiqasi, balandlikni qayta ishlash va ducking usuli namoyish etilgan. Ducking narratsiya yoki boshqa muhim audio atrofida saundtrekni muvozanatlashga yordam beradi.

Loyihada shuningdek, kadrlarni alohida yaratish, syujetlarni birlashtirish, taqqoslash varaqlarini tayyorlash va kadrma-kadr tekshirish uchun skriptlar mavjud. Bu vositalar to‘liq ishlab chiqarish yakunlanishidan oldin vizual muammolarni aniqlash mumkin bo‘lgan takroriy ish jarayonini qo‘llab-quvvatlaydi.

Ma’lumotnomalardan to‘g‘ri foydalaning

Ma’lumotnoma materiallari hikoya mazmunini taqdim etish uchun emas, balki vizual uslubni yo‘naltirish uchun mo‘ljallangan.

  • O‘lchovli ssenariy va vizual formulani tushunish uchun references/STYLE_BIBLE.md faylini o‘qing.
  • Harakat, chuqurlik, teksturalar, qahramonlar talqini, yoritish, konturlar yoki ranglarni sozlashda hisobotlardan foydalaning.
  • Yaratilgan alohida kadrlarni to‘liq o‘lchamdagi 38 ta ma’lumotnoma kadri bilan taqqoslang.
  • To‘liq ketma-ketliklar bo‘ylab ritm va vizual izchillikni baholash uchun kontakt varaqlaridan foydalaning.

Hikoya, qahramonlar va ovoz har doim o‘zingizniki bo‘lishi kerak. Kiritilgan ma’lumotnomalardan mazmun uchun emas, uslub uchun foydalaning.

Ilg‘or maslahatlar

To‘liq renderlardan oldin alohida kadrlarni ko‘rib chiqing

To‘liq renderlarga vaqt sarflashdan oldin alohida kadr yaratish va taqqoslash jarayonidan foydalaning. Namunaviy kadrlar ishlab chiqarishning dastlabki bosqichida kompozitsiya, konturlar, yoritish, chuqurlik, xiralashtirish va ranglarni baholashni osonlashtiradi.

Hisobotlardan maqsadli tekshiruv ro‘yxati sifatida foydalaning

Kadr noto‘g‘ri ko‘rinsa, barcha vizual sozlamalarni birdan o‘zgartirish o‘rniga muammoga mos hisobotga murojaat qiling. Masalan, harakatdagi muammolar uchun harakat hisobotini, siyoh talqini kutilgan uslubga mos kelmaganda esa konturlar hisobotini tekshiring.

To‘liq ko‘prik shablonini o‘rganing

Ko‘prik loyihasi shunchaki vizual namuna emas: u yakunlangan 67 soniyalik qisqa filmning to‘liq manbaidir. story.ts, kameralar, qahramonlar, muhit elementlari, post-ishlov va audio bitta ishlab chiqarishga qanday hissa qo‘shishini tushunish uchun undan foydalaning.

Renderdan oldin diskdagi joyni rejalashtiring

Har bir Remotion to‘plami taxminan 1.3 GB umumiy resurslarni vaqtinchalik jildiga nusxalagani sababli, takroriy to‘plamlar cheklangan xotiraga sezilarli yuk tushirishi mumkin. Renderlar ko‘p bo‘ladigan sessiyani boshlashdan oldin REMOTION_TMP ni yetarlicha katta diskka yo‘naltiring.

Asl ijodiy elementlarni saqlang

Har bir loyiha uchun yangi hikoya, original qahramonlar va o‘zingizning ovoz talqiningizni yarating. Repozitoriy kodi va hujjatlari MIT litsenziyasi ostida mavjud bo‘lsa-da, taqdim etilgan kadrlar faqat uslubni o‘rganish uchun litsenziyalangan.

Litsenziyalash

Loyiha kodi va hujjatlari MIT litsenziyasi ostida litsenziyalangan; tafsilotlar uchun repozitoriyning LICENSE fayliga murojaat qiling. Kiritilgan ma’lumotnoma kadrlari torroq maqsadga ega bo‘lib, faqat vizual uslubni o‘rganish uchun taqdim etilgan.

Xulosa

Claude Animated Shorts mavzuni sayqallangan vertikal animatsion hikoyaga aylantirish uchun tuzilgan mahalliy ish jarayonini taqdim etadi. Skill va uning bog‘liqliklarini o‘rnatgach, Claude Code’ga mavzu berib, tadqiqot, ssenariy, ovoz, kadrlarni rejalashtirish, alohida kadrlarni ko‘rib chiqish, kadrlarni taqqoslash, render qilish va tovushni miksaj qilishni qamrab olgan jarayonni bajarishingiz mumkin. Kiritilgan ko‘prik loyihasi va o‘lchovli ma’lumotnomalar izchil ko‘rinishga ega original qisqa filmlar yaratish uchun amaliy asos beradi.