BabylonJS একটি শক্তিশালী 3D ইঞ্জিন, যা 3D গ্রাফিক্স তৈরি এবং ওয়েব অ্যাপ্লিকেশন বা গেম ডেভেলপমেন্টে ব্যবহৃত হয়। 3D দৃশ্য তৈরি করতে এবং ব্যবহারকারীর সাথে ইন্টারঅ্যাক্ট করার জন্য দুটি গুরুত্বপূর্ণ উপাদান হল Scene এবং Camera। এই দুটি উপাদান মিলিতভাবে 3D দৃশ্যকে কার্যকরভাবে রেন্ডার করে এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত করে।
Scene (দৃশ্য) এর ধারণা
Scene কি?
Scene হল একটি 3D দৃশ্য বা পরিবেশ যেখানে সমস্ত 3D অবজেক্ট, ক্যামেরা, আলো, মেশ এবং অন্যান্য উপাদান থাকে। এটি আপনার 3D জগতের মূল অবকাঠামো। যখন আপনি একটি BabylonJS প্রজেক্ট শুরু করেন, প্রথমে আপনাকে একটি দৃশ্য তৈরি করতে হয়। এই দৃশ্যের মধ্যে আপনি বিভিন্ন ধরনের অবজেক্ট তৈরি করবেন এবং ক্যামেরা ও আলো বসিয়ে সেটি রেন্ডার করবেন।
Scene তৈরি করা
একটি Scene তৈরি করতে, আপনাকে প্রথমে BabylonJS এর Engine ব্যবহার করতে হয়। তারপর Scene অবজেক্ট তৈরি করে, বিভিন্ন উপাদান যোগ করা হয়।
// canvas এলিমেন্টটি পেতে
var canvas = document.getElementById("renderCanvas");
// BabylonJS এর ইঞ্জিন তৈরি করা
var engine = new BABYLON.Engine(canvas, true);
// Scene তৈরি করা
var scene = new BABYLON.Scene(engine);
Scene এর উপাদানসমূহ
- Meshes: 3D অবজেক্ট যেমন বক্স, গোলক, পিরামিড ইত্যাদি।
- Lights: দৃশ্যে আলো প্রদানকারী উপাদান।
- Camera: দৃশ্যের দৃষ্টিকোণ নির্ধারণকারী উপাদান।
- Material & Textures: 3D অবজেক্টের রঙ, টেক্সচার এবং অন্যান্য বৈশিষ্ট্য।
- Animations: বিভিন্ন অবজেক্টের অ্যানিমেশন।
Scene এর কাজ
- Object Rendering: দৃশ্যে উপস্থিত সব অবজেক্ট রেন্ডার করে।
- Camera Movement: ক্যামেরা এবং দৃশ্যের ইন্টারঅ্যাকশনকে ম্যানেজ করে।
- Lighting: আলোর উৎস এবং তার প্রভাব পরিচালনা করে।
Camera (ক্যামেরা) এর ধারণা
Camera কি?
Camera হল সেই উপাদান যা দৃশ্যকে ভিউ করতে সাহায্য করে। ক্যামেরা একটি নির্দিষ্ট পজিশন এবং রোটেশন দিয়ে দৃশ্যের দিকে নির্দেশনা প্রদান করে। এটি ব্যবহারকারীকে 3D দৃশ্যে ঘুরে দেখতে, প্যান করতে এবং জুম ইন/আউট করতে সাহায্য করে।
Camera এর বিভিন্ন ধরন
BabylonJS বিভিন্ন ধরনের ক্যামেরা সাপোর্ট করে, যার মধ্যে সবচেয়ে জনপ্রিয় হল:
- ArcRotateCamera: এটি একটি রোটেটিং ক্যামেরা যা 3D দৃশ্যের চারপাশে ঘুরে দেখানোর সুবিধা দেয়।
- FreeCamera: এটি একটি ফ্রি মুভিং ক্যামেরা, যা আপনাকে 3D পরিবেশে একটি নির্দিষ্ট জায়গায় অবাধে চলাচল করতে দেয়।
- UniversalCamera: এটি একটি কাস্টম ক্যামেরা যা যেকোনো 3D অ্যাপ্লিকেশনের জন্য উপযোগী।
ArcRotateCamera ব্যবহার করা
// ArcRotateCamera তৈরি করা
var camera = new BABYLON.ArcRotateCamera("camera1", Math.PI / 2, Math.PI / 2, 10, BABYLON.Vector3.Zero(), scene);
camera.attachControl(canvas, true);
এখানে:
"camera1"হল ক্যামেরার নাম।Math.PI / 2এবংMath.PI / 2হল ক্যামেরার কোণ (এখানে এটি 90° অবস্থানে থাকবে)।10হল ক্যামেরার দৃশ্য থেকে দূরত্ব।BABYLON.Vector3.Zero()দৃশ্যের কেন্দ্র (origin) নির্দেশ করে, যেখানে ক্যামেরা তাকাবে।
FreeCamera ব্যবহার করা
// FreeCamera তৈরি করা
var camera = new BABYLON.FreeCamera("freeCamera", new BABYLON.Vector3(0, 5, -10), scene);
camera.attachControl(canvas, true);
এখানে:
"freeCamera"হল ক্যামেরার নাম।new BABYLON.Vector3(0, 5, -10)ক্যামেরার অবস্থান, যেখানে X=0, Y=5, Z=-10।camera.attachControl(canvas, true)ক্যামেরাকে মাউস বা কীবোর্ডের মাধ্যমে নিয়ন্ত্রণের অনুমতি দেয়।
Camera এর কাজ
- দৃশ্যের দৃষ্টিকোণ প্রদান: ক্যামেরা দৃশ্যের দৃষ্টিকোণ এবং অভিমুখ নির্ধারণ করে।
- ইন্টারঅ্যাকশন: ব্যবহারকারীর সাথে ইন্টারঅ্যাকশন যেমন ঘুরিয়ে দেখানো, প্যান, জুম, রোটেট ইত্যাদি।
- মুভমেন্ট: FreeCamera দিয়ে আপনি সম্পূর্ণ দৃশ্যে মুভ করতে পারবেন।
Scene এবং Camera এর সম্পর্ক
Scene এবং Camera একসাথে কাজ করে
Scene এবং Camera একে অপরের সাথে মিলে 3D পরিবেশ তৈরি করে। Scene সমস্ত অবজেক্ট, আলো, ক্যামেরা এবং অন্যান্য উপাদানকে ধারণ করে, এবং Camera সেই Scene কে ব্যবহারকারীর দৃষ্টিকোণ থেকে দেখানোর কাজ করে। এর মাধ্যমে একটি পূর্ণাঙ্গ 3D পরিবেশ তৈরি হয় যা ব্যবহারকারী ইন্টারঅ্যাক্ট করতে পারে।
Scene এবং Camera এর কাজগুলো হলো:
- Scene সব অবজেক্টকে রেন্ডার করে এবং ইন্টারঅ্যাকশন পরিচালনা করে।
- Camera সেই Scene কে বিভিন্ন কোণ থেকে দেখানোর কাজ করে।
যদি ক্যামেরা ঠিকভাবে সেট না করা হয়, তাহলে Scene-এ থাকা সব কিছুই অদৃশ্য হয়ে যাবে বা ব্যবহারকারী তা দেখতে পারবে না। অপরদিকে, যদি Scene তে কোনো অবজেক্ট না থাকে, তাহলে ক্যামেরা কোন দৃশ্য দেখাবে না।
সারাংশ
BabylonJS এ Scene এবং Camera হলো দুইটি মূল উপাদান যা একসাথে কাজ করে একটি 3D পরিবেশ তৈরি এবং রেন্ডার করার জন্য। Scene 3D অবজেক্ট, আলো এবং অন্যান্য উপাদানকে ধারণ করে, আর Camera সেই দৃশ্যকে দেখানোর জন্য ব্যবহৃত হয়। Scene এবং Camera এর সঠিক ব্যবহার আপনার 3D প্রোজেক্টে একটি বাস্তবসম্মত এবং ইন্টারঅ্যাকটিভ অভিজ্ঞতা প্রদান করতে সাহায্য করবে।
Read more
