মূল কনটেন্টে যান
এআই টিউটোরিয়াল

歸藏 Game Skill ব্যবহার করে AI দিয়ে খেলা যায় এমন ব্রাউজার 3D অ্যাকশন গেম তৈরি করুন

এই নিবন্ধে歸藏 Game Skill-এর ব্যবহার, ইনস্টল করার পদ্ধতি এবং সম্পূর্ণ কর্মপ্রবাহ তুলে ধরা হয়েছে। Claude Code, Codex-এর মতো AI প্রোগ্রামিং সহায়ক দিয়ে যুদ্ধ, অ্যানিমেশন, অডিও এবং বিভিন্ন প্রকাশনা পদ্ধতিসহ ব্রাউজার 3D অ্যাকশন গেম তৈরি করার প্রক্রিয়াও দেখানো হয়েছে।

歸藏 Game Skill দিয়ে AI-এর সাহায্যে খেলা যায় এমন ব্রাউজার 3D অ্যাকশন গেম তৈরি

আপনি যদি কখনও AI-কে “একটি 3D গেম তৈরি করো” বলে থাকেন, তাহলে সম্ভবত আপনি এমন একটি চলনযোগ্য ব্লক-দৃশ্য পেয়েছেন: চরিত্রের নড়াচড়া শক্ত, যুদ্ধে কোনো প্রতিক্রিয়া নেই, অ্যাসেট নিজেকেই প্রস্তুত করতে হয়, এবং শেষে চালানোর জন্য পরিবেশও হাতে তৈরি করতে হয়। 歸藏 Game Skill-এর লক্ষ্য হলো বাস্তব প্রকল্পে যাচাই করা একটি制作流程 AI প্রোগ্রামিং সহকারীর হাতে তুলে দেওয়া, যাতে এটি চাহিদা স্পষ্ট করা, অ্যাসেট প্রস্তুত, নড়াচড়া ও যুদ্ধ নকশা, পরীক্ষা এবং প্যাকেজিং—সবকিছু ধাপে ধাপে সম্পন্ন করতে পারে।

এই নিবন্ধে রিপোজিটরির ডেমো প্রকল্প 《雾锁山门》-কে উদাহরণ হিসেবে নিয়ে Skill কীভাবে ইনস্টল ও ব্যবহার করতে হয় এবং AI-কে কীভাবে সহজে বাস্তবায়নযোগ্য গেমের চাহিদা জানাতে হয় তা介绍 করা হবে।

ব্রাউজারভিত্তিক ত্রিমাত্রিক গেম ডেমো

歸藏 Game Skill কী

এটি Claude Code, Codex-এর মতো AI প্রোগ্রামিং সহকারীদের জন্য একটি Skill। ইনস্টল করার পর আপনি সরাসরি কী ধরনের গেম বানাতে চান তা বর্ণনা করতে পারবেন, যেমন “মার্শাল-আর্টস থিমের টপ-ডাউন ওয়েব 3D অ্যাকশন গেম তৈরি করো।” AI প্রথমে রেফারেন্স作品, ক্যামেরা ভিউ, আবহ, গেমের পরিসর, অ্যাসেট তৈরির সরঞ্জাম এবং উপলব্ধ কোটা সম্পর্কে জানতে চাইবে, তারপর ধাপে ধাপে তা বাস্তবায়ন করবে।

এটি স্বয়ংক্রিয়ভাবে সম্পূর্ণ গেম তৈরি করা কোনো গেম ইঞ্জিন নয়, আবার একটি প্রম্পটেই সব কাজ শেষ করে দেওয়ার টুলও নয়। বরং এটি AI-এর জন্য তৈরি একটি প্রকল্প制作规范, যাতে রয়েছে ধাপভিত্তিক পরিকল্পনা, চেকপয়েন্ট, যুদ্ধের অনুভূতি উন্নত করার পরামর্শ, অ্যাসেট তৈরির পদ্ধতি, সাধারণ সমস্যা এবং প্যাকেজিং স্ক্রিপ্ট।

ডেমো প্রকল্প কী করতে পারে

রিপোজিটরির 《雾锁山门》 একটি শিয়ানশিয়া থিমের টপ-ডাউন 3D অ্যাকশন গেম। এতে একটি দৃশ্য, ছোট শত্রুদের একটি সংঘর্ষ এবং একটি Boss যুদ্ধ রয়েছে, সঙ্গে আছে গল্প ও ভয়েসওভার। আপনি অনলাইন ডেমো পেজে সরাসরি খেলতে পারবেন, কোনো ইনস্টলেশন ছাড়াই।

  • গ্রাফিক্স: বাতাসে দোলানো ঘাস, স্তরভিত্তিক কুয়াশা, তুষার, দূরের পাহাড় এবং জলপৃষ্ঠের পাথরের মঞ্চে প্রতিফলন রয়েছে; three.js ও ভালো সামঞ্জস্যপূর্ণ WebGL-এর ওপর ভিত্তি করে তৈরি।
  • চরিত্র ও দৃশ্য: হাড়ের কাঠামোযুক্ত 5টি 3D চরিত্র, 2টি অস্ত্র, 12 ধরনের দৃশ্যের উপকরণ এবং 5 ধরনের ড্রপ আইটেম ব্যবহার করা হয়েছে।
  • যুদ্ধ: তিন ধাপের কম্বো, ডজ, ব্লক, প্যারি, এক্সিকিউশন, ওষুধ পান, তলোয়ারে উড়ে চলা এবং “万剑归宗” চূড়ান্ত আক্রমণ রয়েছে; Boss-এর দুই ধাপের যুদ্ধ রয়েছে।
  • শব্দ: ভয়েসওভার, সঙ্গীত, পরিবেশের শব্দ এবং যুদ্ধের সাউন্ড এফেক্টসহ মোট 8টি ভয়েস ট্র্যাক রয়েছে।
  • প্রকাশ: সোর্স কোডকে অনলাইন স্ট্যাটিক সাইট, প্রায় 33MB-এর একক HTML ফাইল অথবা সীমাবদ্ধ কনটেইনারের জন্য অফলাইন প্যাকেজে তৈরি করা যায়।

Skill ইনস্টল করা

Git দিয়ে ক্লোন করা

আপনি যদি Claude Code ব্যবহার করেন, তাহলে রিপোজিটরিটি সংশ্লিষ্ট skills ডিরেক্টরিতে ক্লোন করতে পারেন:

git clone https://github.com/op7418/guizang-game-skill ~/.claude/skills/guizang-game-skill

Codex বা অন্য AI প্রোগ্রামিং টুল ব্যবহার করলে রিপোজিটরিটি সেই টুলে নির্ধারিত skills ডিরেক্টরিতে রাখুন। ইনস্টলেশন শেষ হলে AI প্রোগ্রামিং পরিবেশটি পুনরায় খুলুন বা রিফ্রেশ করুন, যাতে এটি Skill-এর বিষয়বস্তু পড়তে পারে।

রানটাইম পরিবেশ ও অ্যাসেট টুল প্রস্তুত করা

প্রকল্পটির জন্য স্থানীয়ভাবে Node.js 18+ ইনস্টল থাকা প্রয়োজন, যা মূলত স্থানীয় সার্ভার চালানো ও প্যাকেজিং প্রক্রিয়া সম্পাদনে ব্যবহৃত হয়। অ্যাসেট টুল একেবারে বাধ্যতামূলক নয়, তবে চূড়ান্ত ফলাফলে এর প্রভাব স্পষ্ট।

  • Tripo: ছবি থেকে 3D মডেল তৈরি এবং হাড়ের কাঠামো সংযুক্ত করতে ব্যবহৃত হয়।
  • 即梦 বা অন্য ছবি তৈরির টুল: চরিত্রের কনসেপ্ট ছবি, আইকন, শিরোনাম-লেখা ইত্যাদি অ্যাসেট এবং ভয়েসওভার প্রস্তুত করতে ব্যবহৃত হয়।
  • Suno: সঙ্গীত তৈরি করতে ব্যবহৃত হয়; Skill মিউজিক প্রম্পট সাজাতে সাহায্য করতে পারে।

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

প্রথম ব্যবহার: AI-কে চাহিদা জানানো

Skill ইনস্টল করার পর শুধু “একটি 3D গেম তৈরি করো” লেখা উচিত নয়। প্রথমে বিষয়, ক্যামেরা ভিউ, প্ল্যাটফর্ম, গেমপ্লের পরিসর এবং আপনার হাতে থাকা সরঞ্জাম সম্পর্কে জানান। প্রকল্প শুরু করার জন্য উপযুক্ত একটি নির্দেশনা হলো:

মার্শাল-আর্টস থিমের একটি টপ-ডাউন ওয়েব 3D অ্যাকশন গেম তৈরি করো—একটি দৃশ্য, এক দফা ছোট শত্রু এবং একটি Boss।
আমার Tripo ও 即梦 ব্যবহার করার সুযোগ আছে।

AI সাধারণত এই চাহিদার ভিত্তিতে আরও বিস্তারিত জানতে চাইবে। আপনি রেফারেন্স ভিডিও, পছন্দের শিল্পশৈলী, লক্ষ্য ডিভাইস, মোবাইল টাচ কন্ট্রোল প্রয়োজন কি না, প্রত্যাশিত খেলার সময় এবং একক HTML ফাইল রপ্তানি করতে হবে কি না—এসব যোগ করতে পারেন।

মূল নীতি হলো আগে AI-কে গবেষণা ও পরিকল্পনা করতে দেওয়া, তারপর কোড লেখা শুরু করা। রেফারেন্স ভিডিও, লক্ষ্য প্ল্যাটফর্ম ও অ্যাসেটের শর্ত যত স্পষ্ট হবে, পরবর্তী পুনঃকাজ তত কম হবে।

সম্পূর্ণ制作流程

歸藏 Game Skill制作流程-কে নিম্নলিখিত পাঁচটি ধাপে ভাগ করেছে:

  1. গবেষণা ও পরিকল্পনা: রেফারেন্স作品 বিশ্লেষণ করে ক্যামেরা ভিউ, গেমপ্লে, দৃশ্যের পরিসর ও ধাপভিত্তিক পরিকল্পনা নির্ধারণ করা এবং বাস্তবায়নের পদ্ধতি নথিবদ্ধ করা।
  2. কনসেপ্ট ও অ্যাসেট: বিশ্ব ও চরিত্রের কনসেপ্ট তৈরি করা, ছবিকে 3D মডেলে রূপান্তর করা এবং হাড়ের কাঠামো সংযুক্ত করা।
  3. নড়াচড়া: অ্যাসেট প্ল্যাটফর্মের দেওয়া প্রিসেট অ্যানিমেশন ব্যবহার করা; ঘাটতি থাকলে প্রোগ্রামের মাধ্যমে ভঙ্গিতে হাত-পায়ের অবস্থান গণনা করা।
  4. খেলার অনুভূতি ও বিশেষ প্রভাব: আক্রমণের প্রস্তুতি, আক্রমণ-পরবর্তী বিরতি, আঘাতে ফ্রেম-ফ্রিজ, পিছু হটা, ব্লক, প্যারি ও ডজে অ্যাকশন বাতিলের মতো যুদ্ধ প্রতিক্রিয়া একে একে বাস্তবায়ন করা এবং মেশ ও শেডার দিয়ে বিশেষ প্রভাব তৈরি করা।
  5. শব্দ ও প্যাকেজিং: সাউন্ড এফেক্ট, ভয়েসওভার ও সঙ্গীত যোগ করা, রিসোর্স সংকুচিত করা এবং শেষে অনলাইন সংস্করণ, একক-ফাইল সংস্করণ বা সীমাবদ্ধ কনটেইনার সংস্করণ তৈরি করা।
গেম制作流程-এর রেফারেন্স

AI-কে নিজে ফলাফল যাচাই করতে দেওয়া

এই Skill-এর একটি গুরুত্বপূর্ণ দিক হলো AI যেন শুধু কনসোলে ত্রুটি আছে কি না তা পরীক্ষা না করে, বাস্তবে画面-ও পর্যবেক্ষণ করে। প্রক্রিয়ায় দ্রুত স্বয়ংক্রিয় পরীক্ষার সরঞ্জাম প্রস্তুত করার পরামর্শ দেওয়া হয়, যাতে AI ফ্রেম ধরে画面 এগিয়ে নিতে পারে, URL প্যারামিটারের মাধ্যমে সরাসরি নির্দিষ্ট স্তরে প্রবেশ করতে পারে এবং F3 ডায়াগনস্টিক প্যানেল দিয়ে রানটাইম অবস্থা দেখতে পারে।

AI নিজে স্ক্রিনশট নিতে পারে এবং চাহিদার সঙ্গে মিলিয়ে চরিত্রের অবস্থান, ক্যামেরা ভিউ, বিশেষ প্রভাব, UI ও যুদ্ধের অবস্থা পরীক্ষা করতে পারে। আপনাকে এখনও নিজে খেলতে ও মতামত দিতে হবে, তবে প্রতিবার স্পষ্ট画面 সমস্যা খুঁজতে নিজেকেই সময় দিতে হবে না।

মতামত দেওয়ার সময় পেশাদার পরিভাষা ব্যবহার করা জরুরি নয়। যেমন, আপনি বলতে পারেন “নড়াচড়া খুব শক্ত”, “আঘাতের অনুভূতি খুব খারাপ”, “ক্যামেরা ছাদে ঢেকে যাচ্ছে” বা “চরিত্রটি অর্ধেক ছোট দেখাচ্ছে।” Skill AI-কে এই বর্ণনাগুলো বাস্তবায়নযোগ্য সমস্যা অনুসন্ধান ও সংশোধনের কাজে রূপান্তর করতে সাহায্য করবে।

মৌলিক যুদ্ধের অনুভূতি নকশা করা

অ্যাকশন গেমে ফিচার কাজ করলেই যুদ্ধের অনুভূতি যথেষ্ট ভালো হয়েছে বলা যায় না। Skill যুদ্ধের প্রক্রিয়ায় নিচের বিষয়গুলোতে জোর দেয়:

  • আক্রমণের আগে প্রস্তুতির সময় ও আক্রমণ শেষে পুনরুদ্ধারের সময় নির্ধারণ করুন, যাতে নড়াচড়ায় ছন্দ থাকে।
  • আঘাত লাগলে অল্প সময়ের ফ্রেম-ফ্রিজ যোগ করুন, যাতে আক্রমণের প্রতিক্রিয়া স্পষ্ট হয়।
  • আক্রমণের ধরন অনুযায়ী বিভিন্ন মাত্রার পিছু হটার প্রভাব নির্ধারণ করুন।
  • সাধারণ ব্লক ও প্যারিকে আলাদা করুন এবং ডজের মাধ্যমে বর্তমান অ্যাকশন বাধাগ্রস্ত হতে দিন।
  • শত্রুদের পালা করে আক্রমণ করান, যাতে সবাই একসঙ্গে খেলোয়াড়কে ঘিরে না ফেলে।
  • Boss-এর জন্য দ্বিতীয় ধাপ, উঠে দাঁড়ানোর দৃশ্য এবং সংলাপসহ যুদ্ধের পরিবর্তন নকশা করুন।

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

অ্যাকশন গেমের যুদ্ধের প্রভাব

সাধারণ সমস্যা মোকাবিলা করা

3D ওয়েব গেমে অনেক সমস্যা সরাসরি কোডের ত্রুটি হিসেবে দেখা যায় না, তাই রিপোজিটরিতে সমস্যার তালিকা দেওয়া হয়েছে। নিচের কোনো ঘটনা ঘটলে আগে references/pitfalls.md দেখুন:

  • দিকনির্দেশক কী বা ইনপুটের অবস্থা আটকে যায়।
  • প্রিসেট অ্যানিমেশনের কারণে চরিত্রটি নিজের অবস্থান থেকে ছিটকে যায়।
  • ব্লুম প্রভাব অতিরিক্ত শক্তিশালী হয়ে画面 অতিরিক্ত উজ্জ্বল হয়ে যায়।
  • ক্যামেরা ভবনের ছাদে আটকে যায়।
  • প্যাকেজিংয়ের পর চরিত্রের আকার ডেভেলপমেন্ট পরিবেশের সঙ্গে মেলে না।

এই সমস্যাগুলো সাধারণত ইনপুট প্রক্রিয়াকরণ, অ্যানিমেশনের মূল হাড়, ক্যামেরা সংঘর্ষ, পোস্ট-প্রসেসিং প্যারামিটার এবং রিসোর্সের স্কেল একে একে পরীক্ষা করে সমাধান করতে হয়। শুধু “কোনো ত্রুটি নেই” দেখে ফিচার সম্পন্ন হয়েছে বলে সিদ্ধান্ত নেবেন না।

প্রকাশের পদ্ধতি নির্বাচন

অনলাইন স্ট্যাটিক সাইট

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

একক HTML ফাইল

একক-ফাইল সংস্করণে মডেল, টেক্সচার, সঙ্গীত ও ভয়েসওভার একসঙ্গে HTML-এর মধ্যে প্যাকেজ করা হয়। ডেমো প্রকল্পের মূল অ্যাসেট প্রায় 100MB, প্যাকেজ করার পর প্রায় 33MB হয়। এই পদ্ধতিতে শেয়ার ও অফলাইনে চালানো সহজ, তবে রিসোর্স সংকোচন ও চূড়ান্ত ফাইলের আকারের দিকে বিশেষ নজর দিতে হয়।

সীমাবদ্ধ কনটেইনারের অফলাইন প্যাকেজ

লক্ষ্য প্ল্যাটফর্মে ইন্টারনেট ব্যবহার করা না গেলে, WASM ব্যবহার করা না গেলে এবং প্যাকেজের সীমা 10MiB হলে আলাদা করে উপযোগী সংস্করণ তৈরি করতে হবে। ডেমো প্রকল্পটি Xiaohongshu-এর মিনি-টুল ধরনের সীমাবদ্ধতার জন্য প্রায় 8MiB-এর একটি অফলাইন প্যাকেজ তৈরি করেছে।

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

ওয়েব গেম প্রকাশের ধরন

রিপোজিটরির রেফারেন্স资料 দেখা

ইনস্টলেশন শেষ হলে AI-কে নিচের ফাইলগুলো সরাসরি পড়তে দিতে পারেন এবং সংশ্লিষ্ট ধাপে সেগুলো参考 হিসেবে ব্যবহার করতে পারেন:

  • SKILL.md:সম্পূর্ণ প্রক্রিয়া এবং প্রতিটি ধাপের যাচাই-বিন্দু।
  • references/assets.md:অ্যাসেট তৈরি এবং বিনামূল্যের অ্যাসেটের উৎস।
  • references/characters-animation.md:চরিত্র, কঙ্কাল এবং অ্যানিমেশন।
  • references/combat-feel.md:যুদ্ধের অনুভূতি বা ফিল ডিজাইন।
  • references/vfx-ui-audio.md:ভিজ্যুয়াল ইফেক্ট, ইন্টারফেস এবং শব্দ।
  • references/pitfalls.md:সাধারণ সমস্যা এবং সমাধানের পদ্ধতি।
  • references/packaging.md:আকার অপ্টিমাইজেশন, প্যাকেজিং, হোস্টিং এবং সীমিত কনটেইনারে সামঞ্জস্য।
  • scripts/:ইনপুট প্রক্রিয়াকরণ, স্থানীয় সার্ভার এবং তিন ধরনের প্যাকেজিং স্ক্রিপ্ট।

ব্যবহারের সময় কী মনে রাখতে হবে

এই Skill হাতে-কলমে পরীক্ষা করার বিকল্প নয় এবং একবারেই উচ্চমানের চূড়ান্ত পণ্য তৈরির নিশ্চয়তা দেয় না। 《雾锁山门》 তৈরির প্রক্রিয়ায় একাধিকবার পরীক্ষা করা হয়েছে; প্রতিবার কিছু সমস্যা শনাক্ত করে AI-এর মাধ্যমে আরও পরিবর্তন করা হয়েছে। তাই আপনাকে গেমটি নিয়মিত পর্যবেক্ষণ করে প্রতিক্রিয়া জানাতে হবে।

আরও কার্যকর সহযোগিতার পদ্ধতিগুলোর মধ্যে রয়েছে: রেফারেন্স ভিডিও দেওয়া; AI-কে কাজ শুরুর আগে গবেষণা করতে বলা; আগে থেকেই তৈরি অ্যাসেট টুল সংযুক্ত করাকে অগ্রাধিকার দেওয়া; প্রতিটি ধাপ শেষ হলে গেম চালিয়ে স্ক্রিনশটের মাধ্যমে যাচাই করা; এবং প্ল্যাটফর্ম নির্ধারণের পর যত দ্রুত সম্ভব আকার পরীক্ষা করা।

বর্তমানে Skill-টি একটি সম্পূর্ণ প্রকল্পে একবার ব্যবহার করে দেখা হয়েছে এবং পরিকল্পনা-স্তরেও একবার তুলনামূলক পরীক্ষা করা হয়েছে। এটি আপনাকে দিকনির্দেশনার ভুল ও বারবার পরীক্ষা-নিরীক্ষা কমাতে সাহায্য করার জন্য বেশি উপযোগী, সব ধরনের বিষয়বস্তুতে স্বয়ংক্রিয়ভাবে একই মানের সম্পূর্ণতা এনে দেওয়ার প্রতিশ্রুতি হিসেবে নয়।

সারসংক্ষেপ

归藏 Game Skill ব্রাউজারভিত্তিক 3D অ্যাকশন গেম তৈরিকে বাস্তবায়নযোগ্য ধাপে ভাগ করে: প্রথমে চাহিদা স্পষ্ট করা, এরপর অ্যাসেট ও অ্যানিমেশন প্রস্তুত করা, তারপর যুদ্ধের অনুভূতি, ভিজ্যুয়াল ইফেক্ট ও শব্দ সমন্বয় করা, এবং শেষে প্ল্যাটফর্মের সীমাবদ্ধতা অনুযায়ী প্যাকেজিং সম্পন্ন করা। ইনস্টল করার পর, আপনি একটি নির্দিষ্ট গেমের চাহিদা দিয়ে শুরু করতে পারবেন এবং AI-কে পরিকল্পনা, বাস্তবায়ন ও যাচাইয়ের মধ্যে ধারাবাহিকভাবে পুনরাবৃত্তি করতে দিতে পারবেন।

সম্পূর্ণ বিবরণ আরও জানতে GitHub রিপোজিটরি দেখতে পারেন এবং 《雾锁山门》 খেলেও দেখতে পারেন। Skill নিজে AGPL-3.0 লাইসেন্সের অধীন; ডেমো গেমের শিল্পকর্ম, মডেল, কণ্ঠ, সঙ্গীত এবং লেখা লেখকের নিজস্ব বিষয়বস্তু, তাই ব্যবহারের সময় প্রতিটির প্রযোজ্য লাইসেন্স আলাদাভাবে মেনে চলুন।