Claude, Three.js ও Remotion দিয়ে উল্লম্ব অ্যানিমেটেড স্টোরি শর্টস তৈরি করুন

Claude Animated Shorts কী?

Claude Animated Shorts হলো How to Make Viral Animated Shorts Using Claude (Full Workflow)-এ প্রদর্শিত ওয়ার্কফ্লোর ওপর ভিত্তি করে তৈরি একটি বিনামূল্যের Claude skill। এটি কোনো AI ভিডিও জেনারেটরের ওপর নির্ভর না করে ৫৫–৭০ সেকেন্ডের উল্লম্ব অ্যানিমেটেড গল্পের শর্ট তৈরি করতে সহায়তা করে।

প্রকল্পটি রঙিন 3D পরিবেশের সঙ্গে 2D চরিত্র যুক্ত করে। এর কাঙ্ক্ষিত শৈলীতে রয়েছে কালির আউটলাইন, আঁকা শহর, লেন্স ব্লার, মসৃণ ক্যামেরা চলন, মার্চধর্মী স্কোর এবং সমন্বিত সাউন্ড ইফেক্ট। Remotion-এর ভেতরে three.js ব্যবহার করে আপনার নিজের কম্পিউটারেই রেন্ডারিং চলে।

The Bridge That Fell for a Song প্রকল্পে এই ওয়ার্কফ্লোটি যাচাই করা হয়েছিল। এটি ১৮৩১ সালের Broughton সেতু নিয়ে তৈরি ৬৭ সেকেন্ডের একটি শর্ট।

প্রধান বৈশিষ্ট্য ও রিপোজিটরির বিষয়বস্তু

রিপোজিটরিতে রয়েছে প্রোডাকশন skill, একটি সম্পূর্ণ উদাহরণ প্রকল্প, অডিও অ্যাসেট, গুণমান যাচাইয়ের টুল এবং পরিমাপ করা ভিজ্যুয়াল রেফারেন্স।

• SKILL.md: সম্পূর্ণ পাইপলাইন, প্রোডাকশন নিয়ম, সংশোধন এবং চূড়ান্ত ভিজ্যুয়াল মানসহ মূল skill সংজ্ঞা।
• templates/bridge/: সেতুর শর্টটির সম্পূর্ণ সোর্স, যার মধ্যে রয়েছে এর জগৎ, চরিত্র, কালির ট্রিটমেন্ট, লেন্স ব্লার, কালার গ্রেড, গল্প এবং ক্যামেরার কাজ।
• templates/audio/: সংশ্লেষিত সাউন্ড ইফেক্ট, মার্চের সঙ্গীত এবং ডাকিং ও লাউডনেস প্রসেসিংসহ চূড়ান্ত মিক্স।
• templates/scripts/: স্টিল ও পাশাপাশি শিট তৈরি, শট একত্র করা এবং ফ্রেম ধরে গুণমান যাচাইয়ের সহায়ক স্ক্রিপ্ট।
• references/STYLE_BIBLE.md: ২০টি রেফারেন্স শর্ট থেকে পরিমাপ করা স্ক্রিপ্ট ও ভিজ্যুয়াল সূত্র।
• references/reports/: মুভমেন্ট, গভীরতা, টেক্সচার, চরিত্র, আলো, আউটলাইন এবং কালার গ্রেডিং নিয়ে সাতটি রিপোর্ট।
• references/frames/: ৫৪০ বাই ৯৬০ পিক্সেলের ৩৮টি পূর্ণ আকারের রেফারেন্স ফ্রেম।
• references/sheets/: প্রতিটি রেফারেন্স শর্টের জন্য ৬০টি ফ্রেমসহ ২০টি কনট্যাক্ট শিট, মোট ১,২০০টি ফ্রেম।

পূর্বশর্ত

skill ইনস্টল করার আগে এর রেন্ডারিং ও অডিও ওয়ার্কফ্লোর জন্য প্রয়োজনীয় স্থানীয় টুলগুলো প্রস্তুত করুন।

• Claude Code skill চালানো এবং ওয়ার্কফ্লো সমন্বয়ের জন্য।
• Node JavaScript ও Remotion পরিবেশের জন্য।
• Remotion এবং ভিডিও কম্পোজিশন ও three.js রেন্ডারিংয়ের জন্য @remotion/three।
• Python 3 অন্তর্ভুক্ত সহায়ক স্ক্রিপ্টগুলোর জন্য।
• ffmpeg ভিডিও ও অডিও প্রসেসিংয়ের জন্য।

Remotion এবং এর three.js ইন্টিগ্রেশন সেটআপ করার সময় অফিসিয়াল Remotion ডকুমেন্টেশন অনুসরণ করুন। সহায়ক কমান্ড-লাইন টুলগুলো উপলভ্য আছে কি না, তাও নিশ্চিত করতে পারেন:

node --version
python3 --version
ffmpeg -version

Claude Skill ইনস্টল করুন

1. রিপোজিটরি ক্লোন করুন অথবা এর ZIP আর্কাইভ ডাউনলোড করুন।

2. সম্পূর্ণ প্রকল্প ফোল্ডারটি নিচের Claude skills পাথে রাখুন:

   ~/.claude/skills/cartoon-3d-short/

3. নিশ্চিত করুন যে SKILL.md, templates/ এবং references/ ওই ডিরেক্টরির ভেতরেই রয়েছে। রিপোজিটরির কাঠামো অপরিবর্তিত রাখুন, কারণ skillটি ওয়ার্কফ্লো ও ভিজ্যুয়াল তুলনার জন্য এসব রিসোর্সের ওপর নির্ভর করে।

4. প্রোডাকশন শুরু করার আগে নিশ্চিত করুন যে Remotion, @remotion/three, Node, Python 3 এবং ffmpeg আপনার কম্পিউটারে উপলভ্য।

Remotion-এর অস্থায়ী স্টোরেজ কনফিগার করুন

REMOTION_TMP-কে এমন একটি ড্রাইভের ফোল্ডারে সেট করুন যেখানে প্রচুর খালি জায়গা আছে। প্রতিটি Remotion bundle প্রায় ১.৩ GB আকারের public/ ডিরেক্টরিটি অস্থায়ী স্টোরেজে কপি করে।

Unix-এর মতো shell-এ বর্তমান সেশনের জন্য এভাবে ভেরিয়েবলটি সেট করতে পারেন:

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

ছোট সিস্টেম ডিস্কের বদলে বড় ড্রাইভে একটি অবস্থান বেছে নিন। স্থায়ী environment-variable কনফিগারেশন আপনার অপারেটিং সিস্টেম ও shell-এর ওপর নির্ভর করে।

আপনার প্রথম অ্যানিমেটেড শর্ট তৈরি করুন

১. একটি বিষয় বেছে নিন

আপনি যে ঐতিহাসিক ঘটনা, গল্প বা বিষয় ব্যাখ্যা করতে চান, তা নির্ধারণ করুন। প্রকল্পটি সংক্ষিপ্ত বর্ণনামূলক প্রোডাকশনকে কেন্দ্র করে তৈরি, তাই প্রায় এক মিনিটে উপস্থাপন করা যায় এমন নির্দিষ্ট বিষয়ই শুরু করার জন্য সবচেয়ে ভালো।

২. Claude Code-এ Skill চালু করুন

Claude Code খুলে সরাসরি skillটির অনুরোধ করুন। আপনার বিষয় দিয়ে placeholder-টি প্রতিস্থাপন করুন:

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

উদাহরণ:

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

৩. Skill-কে প্রোডাকশন পাইপলাইন অনুসরণ করতে দিন

Claude SKILL.md-এর নির্দেশনা অনুসরণ করে। ওয়ার্কফ্লোটি এই প্রধান ধাপগুলোর মধ্য দিয়ে এগোয়:

1. বিষয় ও তথ্য: বিষয় এবং তথ্যভিত্তি নির্ধারণ করা।
2. স্ক্রিপ্ট: তথ্যগুলোকে একটি সংক্ষিপ্ত বর্ণনায় রূপ দেওয়া।
3. ভয়েস: গল্পের জন্য বর্ণনা প্রস্তুত করা।
4. শট পরিকল্পনা: story.ts-এ ক্রম ও ক্যামেরা পরিকল্পনা নির্ধারণ করা।
5. স্টিল: চূড়ান্ত রেন্ডারিংয়ের আগে প্রতিনিধিত্বশীল ফ্রেম তৈরি করা।
6. রেন্ডারিং: Remotion ও three.js-এর মাধ্যমে স্থানীয়ভাবে অ্যানিমেটেড শট তৈরি করা।
7. গুণমান যাচাই: পরিমাপ করা রিপোর্ট ও সরবরাহ করা রেফারেন্স ফ্রেমের সঙ্গে ফ্রেম তুলনা করা।
8. চূড়ান্ত আউটপুট: চূড়ান্ত 2K রেন্ডার ও সাউন্ড মিক্স তৈরি করা।

ভিজ্যুয়াল ও অডিও ওয়ার্কফ্লো বুঝুন

সরবরাহ করা ব্রিজ টেমপ্লেটটি প্রকল্পটি কীভাবে একটি সম্পূর্ণ স্বল্পদৈর্ঘ্য অ্যানিমেশন সাজায় তার একটি পূর্ণাঙ্গ উদাহরণ। পরিবেশ, চরিত্র, আউটলাইন, গভীরতার প্রভাব, কালার গ্রেড, ক্যামেরার গতি এবং গল্পের সময় বিন্যাস কীভাবে একসঙ্গে কাজ করে তা দেখতে templates/bridge/ পর্যালোচনা করুন।

শব্দের জন্য templates/audio/ দেখুন। এতে প্রমাণিত প্রোডাকশনে ব্যবহৃত সংশ্লেষিত সাউন্ড ইফেক্ট, মার্চ সুর, লাউডনেস প্রক্রিয়াকরণ এবং ডাকিং প্রদর্শিত হয়েছে। ডাকিং বর্ণনা বা অন্য কোনো গুরুত্বপূর্ণ অডিওর চারপাশে সাউন্ডট্র্যাকের ভারসাম্য বজায় রাখতে সাহায্য করে।

প্রকল্পটিতে স্থিরচিত্র তৈরি, শট একত্র করা, তুলনামূলক শিট এবং ফ্রেম-বাই-ফ্রেম যাচাইয়ের স্ক্রিপ্টও রয়েছে। এই টুলগুলো এমন একটি পুনরাবৃত্তিমূলক কর্মপ্রবাহে সহায়তা করে, যেখানে সম্পূর্ণ প্রোডাকশন চূড়ান্ত করার আগে ভিজ্যুয়াল সমস্যাগুলো শনাক্ত করা যায়।

রেফারেন্স সঠিকভাবে ব্যবহার করুন

রেফারেন্স উপকরণগুলো গল্পের বিষয়বস্তু সরবরাহ করার জন্য নয়, বরং ভিজ্যুয়াল উপস্থাপনাকে নির্দেশনা দেওয়ার জন্য তৈরি।

• পরিমিত স্ক্রিপ্ট এবং ভিজ্যুয়াল সূত্র বুঝতে references/STYLE_BIBLE.md পড়ুন।
• মোশন, গভীরতা, টেক্সচার, চরিত্রের উপস্থাপনা, আলো, আউটলাইন বা গ্রেডিং সামঞ্জস্য করার সময় প্রতিবেদনগুলো দেখুন।
• তৈরি করা স্থিরচিত্রগুলো 38টি পূর্ণ আকারের রেফারেন্স ফ্রেমের সঙ্গে তুলনা করুন।
• সম্পূর্ণ সিকোয়েন্সজুড়ে গতি এবং ভিজ্যুয়াল সামঞ্জস্য মূল্যায়ন করতে কনট্যাক্ট শিট ব্যবহার করুন।

গল্প, চরিত্র এবং কণ্ঠস্বর সবসময় আপনার নিজস্ব হওয়া উচিত। অন্তর্ভুক্ত রেফারেন্সগুলো বিষয়বস্তুর জন্য নয়, চেহারা বোঝার জন্য ব্যবহার করুন।

উন্নত টিপস

সম্পূর্ণ রেন্ডারের আগে স্থিরচিত্র পর্যালোচনা করুন

সম্পূর্ণ রেন্ডারে সময় দেওয়ার আগে স্থিরচিত্র তৈরি ও তুলনা করার কর্মপ্রবাহ ব্যবহার করুন। প্রতিনিধিত্বশীল ফ্রেমগুলো প্রোডাকশনের শুরুতেই কম্পোজিশন, আউটলাইন, আলো, গভীরতা, ব্লার এবং গ্রেডিং মূল্যায়ন করা সহজ করে।

প্রতিবেদনগুলো লক্ষ্যভিত্তিক চেকলিস্ট হিসেবে ব্যবহার করুন

কোনো শট ভুল দেখালে একসঙ্গে সব ভিজ্যুয়াল সেটিং পরিবর্তন না করে সমস্যার সঙ্গে মেলে এমন প্রতিবেদন দেখুন। উদাহরণস্বরূপ, নড়াচড়ার সমস্যা হলে মোশন প্রতিবেদন পরীক্ষা করুন, অথবা কালি-শৈলীর উপস্থাপনা অভীষ্ট স্টাইলের সঙ্গে না মিললে আউটলাইন প্রতিবেদন দেখুন।

সম্পূর্ণ ব্রিজ টেমপ্লেট অধ্যয়ন করুন

ব্রিজ প্রকল্পটি শুধু একটি ভিজ্যুয়াল নমুনা নয়: এটি সম্পূর্ণ 67-সেকেন্ডের একটি স্বল্পদৈর্ঘ্য অ্যানিমেশনের পূর্ণ সোর্স। একটি প্রোডাকশনে story.ts, ক্যামেরা, চরিত্র, পরিবেশগত উপাদান, পোস্ট-প্রসেসিং এবং অডিও কীভাবে অবদান রাখে তা বুঝতে এটি ব্যবহার করুন।

রেন্ডারের আগে ডিস্ক স্পেস পরিকল্পনা করুন

প্রতিটি Remotion বান্ডেল তার টেম্পোরারি ফোল্ডারে প্রায় 1.3 GB পাবলিক অ্যাসেট কপি করে। তাই বারবার বান্ডেল তৈরি করলে সীমিত স্টোরেজে উল্লেখযোগ্য চাপ পড়তে পারে। রেন্ডার-নির্ভর সেশন শুরু করার আগে REMOTION_TMP-কে যথেষ্ট বড় একটি ড্রাইভে নির্দেশ করুন।

মৌলিক সৃজনশীল উপাদান বজায় রাখুন

প্রতিটি প্রকল্পের জন্য নতুন গল্প, মৌলিক চরিত্র এবং নিজস্ব কণ্ঠ-উপস্থাপনা তৈরি করুন। রিপোজিটরির কোড ও ডকুমেন্টেশন MIT License-এর অধীনে উপলভ্য হলেও সরবরাহ করা ফ্রেমগুলো কেবল স্টাইল অধ্যয়নের জন্য লাইসেন্সপ্রাপ্ত।

লাইসেন্সিং

প্রকল্পের কোড ও ডকুমেন্টেশন MIT License-এর অধীনে লাইসেন্সপ্রাপ্ত; বিস্তারিত জানতে রিপোজিটরির LICENSE ফাইল দেখুন। অন্তর্ভুক্ত রেফারেন্স ফ্রেমগুলোর ব্যবহার আরও সীমিত এবং সেগুলো কেবল ভিজ্যুয়াল স্টাইল অধ্যয়নের জন্য দেওয়া হয়েছে।

উপসংহার

Claude Animated Shorts একটি বিষয়কে পরিশীলিত উল্লম্ব অ্যানিমেটেড গল্পে রূপ দেওয়ার জন্য একটি কাঠামোবদ্ধ স্থানীয় কর্মপ্রবাহ সরবরাহ করে। স্কিল ও এর নির্ভরতাগুলো ইনস্টল করার পর, আপনি একটি বিষয় দিয়ে Claude Code-কে নির্দেশ দিতে পারেন এবং গবেষণা, স্ক্রিপ্ট লেখা, কণ্ঠ, শট পরিকল্পনা, স্থিরচিত্র পর্যালোচনা, ফ্রেম তুলনা, রেন্ডারিং এবং সাউন্ড মিক্সিং-সমৃদ্ধ একটি পাইপলাইন অনুসরণ করতে পারেন। অন্তর্ভুক্ত ব্রিজ প্রোডাকশন এবং পরিমিত রেফারেন্সগুলো ধারাবাহিক চেহারার মৌলিক স্বল্পদৈর্ঘ্য অ্যানিমেশন তৈরির জন্য একটি ব্যবহারিক ভিত্তি প্রদান করে।