কনটেন্টে যান

AI এজেন্টরা ওয়েবের জন্য 3D জগৎ তৈরি করে।

লেখক-নির্মিত মডেল, ফিজিক্যাল ইন্টারঅ্যাকশন এবং অন্বেষণের জন্য প্রস্তুত বিশ্ব সহ ব্রাউজার-নেটিভ 3D গেম।

পাবলিক ল্যাব প্রক্রিয়া

AI কাজ যা আপনি পরিদর্শন করতে পারবেন।

প্রকাশিত কাজ দেখুন ↗
  1. AI রচয়িতা

    মডেল → ফিজিক্স → একটি ব্রাউজার গেম

    AI এজেন্টরা দৃশ্য রচনা করে, মডেলগুলো একীভূত করে এবং ইন্টারঅ্যাকশন ও ফিজিক্স কোড লেখে।

  2. AI পরিদর্শন করে

    খেলনযোগ্য জগৎ পরীক্ষা করুন

    এজেন্টরা গেম চালায় এবং এর মেকানিক্স, ভিজ্যুয়াল ও পারফরম্যান্স পরিদর্শন করে।

  3. শিক্ষণীয় বিষয়গুলো ফিরে আসে

    টুল ও প্রম্পট উন্নত হয়

    ফলাফল রেকর্ড করা হয় এবং ভবিষ্যৎ কাজের জন্য বিল্ডারের নির্দেশনা ও টুলে যুক্ত করা হয়।

ল্যাবে তৈরি।

সব ল্যাব দেখুন ↗

Saltwind Post — ভোরবেলা চক উপকূলে একটি মেইল গ্লাইডার

three.js · গ্লাইডার ফ্লাইট

Saltwind Post

এই প্রজেক্ট সম্পর্কে

একটি ক্যানভাস-এবং-পিতলের গ্লাইডারে, যাতে কোনো ইঞ্জিনই নেই, খড়ি সমুদ্র-খাড়ির ধারে ভোরের মেইল রান উড়িয়ে নিন। উচ্চতাই আপনার একমাত্র মুদ্রা: এটি গতির বিনিময়ে ব্যয় করুন, খাড়ি থেকে উত্থিত রিজ লিফটে বা গাংচিলের চক্করে চিহ্নিত থার্মালে তা পুনরায় কিনুন, তিনটি ডেলিভারি হুপ পার হয়ে বালুচরে নামুন। এয়ারব্রেকই একমাত্র জিনিস যা 17:1 এয়ারফ্রেমকে নামতে দেয়। ব্লেন্ডার-ভাস্কর্যকৃত গ্লাইডার ও উপকূল, একটি ত্রি-স্বাধীনতা-মাত্রার ফ্লাইট মডেল, এবং উচ্চতা ফুরিয়ে যাওয়ার সাথে সাথে হার্প থেকে চেলোতে পরিবর্তিত হওয়া একটি স্কোর।

Ashfall Station — গোধূলি আকাশের নিচে ছাই সমভূমিতে সার্ভে রোভার

three.js · যান সার্ভে

Ashfall Station

এই প্রজেক্ট সম্পর্কে

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

Glimmerwick — কর্মশালার মোমবাতির মাঝে উইকলিং

three.js · মার্বেল কোর্স

Glimmerwick

এই প্রজেক্ট সম্পর্কে

একটি ঘুমন্ত মোমবাতি প্রস্তুতকারকের কর্মশালার মধ্য দিয়ে গলিত-মোমের একটি গোলক গড়িয়ে দিন এবং গ্রেট উইক পুনরায় জ্বালান। মোম আপনার স্বাস্থ্য, ওজন এবং গতি: অঙ্গার শয্যা আপনাকে গলিয়ে ছোট ও দ্রুত করে দেয়, তুষার পুল আপনাকে যথেষ্ট ভারী করে তোলে যাতে আপনি ভঙ্গুর মৌচাক সেতু ভেঙে ফেলতে পারেন। ব্লেন্ডার-ভাস্কর্যকৃত জগৎ, cannon-es ফিজিক্স, স্যাম্পলড-ইন্সট্রুমেন্ট স্কোর।

AI এজেন্টরা কনসেপ্ট থেকে, অ্যাসেট বাই অ্যাসেট তৈরি করে

AI এজেন্টরা কনসেপ্ট প্যাককে একটি অ্যাসেট ইনভেন্টরিতে রূপান্তরিত করে, ব্লেন্ডারে মডেলগুলো তৈরি করে এবং three.js-এ ইন্টারঅ্যাক্টিভ জগৎ একত্রিত করে। একটি স্টুডিও-স্টাইল কনসেপ্ট প্যাক প্রতিটি অংশের ভিত্তি — কি আর্ট, একটি অর্থোগ্রাফিক টার্নঅ্যারাউন্ড, তিনটি পরিবেশ অঞ্চল, প্রপস, উপাদান — এবং একটি লিখিত এলিমেন্ট ইনভেন্টরি প্রমাণ করে যে প্রতিটি নামযুক্ত জিনিস একটি বাস্তব ব্লেন্ডার অ্যাসেটে পরিণত হয়েছে। যাচাইকারী অনুপস্থিত সারির ওপর সমাপ্তি ব্লক করে।

ELEMENT_INVENTORY.md১৪/১৪ মডেল করা হয়েছে
হিরো স্কিফটার্নঅ্যারাউন্ড → skiff.glb · বেকড নরমাল
লাইটহাউস · সি আর্চ · পিয়ারজোন ১ শিট → ৩টি glb, ইনস্ট্যান্সড
গ্রাউন্ড · ওয়াটার · হাল ম্যাটেরিয়ালকলআউট বোর্ড → প্রতিটি সারফেসের জন্য আলাদা শেডার
যে কনসেপ্ট এলিমেন্টের কোনো অ্যাসেট রো নেই, তা বিল্ডে যুক্ত হয় না।

প্রথমে ব্লকআউট, পরে আর্ট

কোনো আর্ট তৈরির আগেই পুরো প্লেফিল্ড গ্রে বক্স হিসেবে খেলা যায় — স্কেল, ক্যামেরা এবং ডিফিকাল্টি এমন সময়ে ঠিক করা হয় যখন লেআউট বদলাতে মাত্র কয়েক মিনিট লাগে। এরপর তৈরি করা অ্যাসেটগুলো এক এক করে স্ট্যান্ড-ইনের জায়গা নেয়; আর্ট তৈরি হওয়ার পর লেআউট আর নতুন করে ডিজাইন করা হয় না।

ব্লকআউট → ফাইনাল
তিনটি প্ল্যাটফর্ম, দুটি সেতু এবং প্লেসহোল্ডার বাধা সহ একটি 3D প্লেফিল্ডের জেনারেটেড গ্রেবক্স স্টাডি
গ্রে ব্লকআউট
পাথরের প্ল্যাটফর্ম, কাঠের সেতু এবং একজন হিরো সহ একই প্লেফিল্ড, ক্যামেরা এবং বস্তুর অবস্থানের জেনারেটেড ফিনিশড-আর্ট ভিউ
সম্পূর্ণ আর্ট
Blender-এ এক মিনিট খরচ হওয়ার আগেই খেলার মধ্য দিয়ে ফিল এবং রিডেবিলিটি প্রমাণিত হয়ে যায়।

প্রফেশনাল মান, ওয়েব-বান্ধব সাইজ

হাই-পলি ডিটেইল লিন গেম মেশে বেক করা হয়, এরপর প্রতিটি মডেল কম্প্রেস করা হয় — কোয়ান্টাইজড জ্যামিতি, WebP টেক্সচার — এবং একটি ডিটারমিনিস্টিক ভেরিফায়ারের মাধ্যমে কঠোর বাজেট বলবৎ করা হয়: মোট পেলোড, সিঙ্গেল-ফাইল ক্যাপ, ট্রায়াঙ্গল সংখ্যা, ড্র কল।

পেলোড — হিরো সিনবাজেটের মধ্যে
skiff.glb১১.০MB স্কাল্প্ট → বেকড + কম্প্রেসড
২.০MB
মোট 3D পেলোডক্যাপ ১২MB · ৯টি অ্যাসেট, ×১৪০ ইনস্ট্যান্সড
৭.৪MB
RENDERSTATSপ্রথম ফ্রেমে সেলফ-রিপোর্টেড
১৭৬ কল · ৪১২k ট্রাই

নিজের আর্টের সাথে না মেলা পর্যন্ত যাচাই

সম্পূর্ণ গেমটি খেলে, স্ক্রিনশট নিয়ে নিজের কনসেপ্ট প্যাকের বিপরীতে বিচার করা হয় — সিলুয়েট, প্যালেট, ম্যাটেরিয়াল, মোশন, অডিও — এবং সৎ পাশাপাশি তুলনা একই আর্ট ডিরেকশন হিসেবে না পড়া পর্যন্ত পুনরাবৃত্তি করা হয়। শুধু "দেখতে ভালো লাগছে" নয়: হুবহু মিলতে হবে।

কনসেপ্ট মিল — রাউন্ড ২পাস
সাবজেক্ট সিলুয়েট + প্যালেটটার্নঅ্যারাউন্ডের সাথে সহনশীলতার মধ্যে মেলে
জোন ফর্ম + ম্যাটেরিয়াল৩টি জোন তাদের শিটের মতোই পড়া যায়
মোশন পেয়ার + সম্ভাব্যতাকোনো গ্লাইডিং নেই, কোনো ভাসমান বস্তু নেই, কোনো সিম নেই
রাউন্ড ১-এ ৩টি অমিল পাওয়া গিয়েছিল → স্বয়ংক্রিয়ভাবে ঠিক করা হয়েছে → পুনরায় বিচার করে ক্লিন পাওয়া গেছে।

একটি অংশ কীভাবে তৈরি হয়

01

কনসেপ্ট প্যাক

সাতটি শিট এবং এলিমেন্ট ইনভেন্টরি, যা প্রোডাকশনকে অবশ্যই পূরণ করতে হবে।

02

ব্লকআউট

কোনো আর্ট তৈরির আগেই গ্রে বক্স খেলা যায় — ফিল প্রথমে ঠিক করা হয়।

03

Blender ওয়ার্ল্ড

স্কাল্প্ট, বেক, কম্প্রেস — প্রতিটি টাইপের জন্য একবার, প্রতিটি প্লেসমেন্টে ইনস্ট্যান্সড।

04

three.js + ফিজিক্স

বান্ডেল করা ইঞ্জিন ফাইল, প্রকৃত রিজিড-বডি ফিজিক্স, কোনো CDN নেই।

05

পরিষ্কার না হওয়া পর্যন্ত যাচাই

নিজের কনসেপ্টের বিপরীতে বিচার করা হয়, যতক্ষণ না পাশাপাশি তুলনা মেলে।

প্রশ্ন, উত্তরসহ

বড় ইঞ্জিনের বদলে three.js কেন?

কারণ আউটপুট হলো সাধারণ স্ট্যাটিক ফাইল: একই বিল্ড ওয়েবে, Android/iOS অ্যাপ শেলের ভেতরে এবং ডেস্কটপ অ্যাপে চলে, কোনো ইনস্টল ছাড়াই এবং সিঙ্গেল-ডিজিট মেগাবাইটে মাপা পেলোড নিয়ে। ওয়েব-নেটিভ 3D-র জন্য এই নাগাল-ই মূল বিষয়।

মডেলগুলো কি সত্যিই AI দ্বারা তৈরি?

হ্যাঁ — এজেন্টরা প্ল্যাটফর্মের স্কাল্প্ট কিট ব্যবহার করে Blender স্ক্রিপ্ট লেখে: স্কাল্প্টিং, রিটোপোলজি, UV, নরমাল/AO বেক, রিগিং, মোশন-ক্যাপচার রিটার্গেটিং। প্রতিটি এক্সপোর্ট শিপ করার আগে সংখ্যাগতভাবে যাচাই করা হয়।

কোনো বিল্ড দেখতে বাজে হয়ে শিপ হওয়া কীভাবে আটকানো হয়?

নিজস্ব কনসেপ্ট প্যাক দিয়ে। একটি ভিশন জাজ রেন্ডার করা গেমপ্লেকে প্রতিটি শিটের সাথে তুলনা করে এবং অমিল থাকলে সম্পূর্ণতা আটকে দেয় — পাশাপাশি পেলোড, ট্রায়াঙ্গল এবং ড্র কলের ওপর ডিটারমিনিস্টিক বাজেট গেট থাকে।

আমি কি নিজে একটি তৈরি করতে পারি?

হ্যাঁ — AI গেম বিল্ডার ঠিক এই পাইপলাইনটিই চালায়। একটি 3D গেম বর্ণনা করুন; আপনার বিল্ডের জন্যও প্যাক, ইনভেন্টরি, ব্লকআউট, অ্যাসেট এবং ভেরিফিকেশন সবকিছু হয়ে যাবে।

আমি কি ব্রাউজারে সরাসরি কাজটি চেষ্টা করতে পারি?

ল্যাব ব্রাউজার-রেন্ডার করা 3D অভিজ্ঞতার ওপর মনোযোগ দেয়। প্রকাশিত আউটপুট খুলতে প্রজেক্টের Play অ্যাকশন ব্যবহার করুন এবং সেই কাজের জন্য দেওয়া কন্ট্রোলগুলো পরীক্ষা করুন।

3D ব্রিফে ক্যামেরা কীভাবে বর্ণনা করা উচিত?

নির্দিষ্ট করুন প্লেয়ার বিশ্বকে ফার্স্ট পার্সন, থার্ড পার্সন, উপর থেকে নাকি ফিক্সড ভিউপয়েন্ট থেকে দেখবে। খেলার সময় কী দৃশ্যমান থাকা প্রয়োজন তা ব্যাখ্যা করুন; ক্যামেরা একটি মেকানিকের ফিল এবং রিডেবিলিটি — দুটোই বদলে দেয়।

ভিজ্যুয়াল স্টাইলের বাইরে আর কী দেখা উচিত?

মূল অ্যাকশনের সময় মুভমেন্ট, কলিশন, ইন্টারঅ্যাকশন ফিডব্যাক এবং ক্যামেরা পরীক্ষা করুন। একটি বিশ্বাসযোগ্য 3D সিনের জন্য রিডেবল কন্ট্রোল এবং কার্যকর গেমপ্লে লুপও প্রয়োজন।

নিজের 3D গেম তৈরি করুন

এটি বর্ণনা করুন। বিল্ডার কনসেপ্ট আঁকে, অ্যাসেট তৈরি করে, কোড লেখে এবং ফলাফল যাচাই করে।