BabylonJS-এ Maps (ম্যাপস) বিভিন্ন ধরনের টেক্সচার বা বৈশিষ্ট্য যোগ করতে ব্যবহৃত হয়, যা 3D অবজেক্টের চেহারা এবং অনুভূতি পরিবর্তন করে। এই ম্যাপসগুলো বিভিন্ন শেডিং, লাইটিং এবং আউটপুট এফেক্টস তৈরি করতে সাহায্য করে। এখানে আমরা Diffuse Map, Bump Map, Opacity Map এবং Reflection Map-এর ব্যবহার দেখব।
১. Diffuse Map
Diffuse Map (ডিফিউজ ম্যাপ) সাধারণত একটি টেক্সচার হিসেবে ব্যবহৃত হয় যা 3D অবজেক্টের রঙ এবং প্যাটার্ন নিয়ন্ত্রণ করে। এটি মূলত একে আকর্ষণীয় এবং বাস্তবসম্মত দেখানোর জন্য ব্যবহৃত হয়।
কোড উদাহরণ:
var box = BABYLON.MeshBuilder.CreateBox("box", {size: 2}, scene);
var diffuseTexture = new BABYLON.Texture("https://www.babylonjs.com/assets/textures/wood.jpg", scene);
var material = new BABYLON.StandardMaterial("boxMaterial", scene);
material.diffuseTexture = diffuseTexture; // Diffuse Map যোগ করা
box.material = material;
এখানে, Diffuse Map হিসেবে একটি কাঠের টেক্সচার যোগ করা হয়েছে, যা বক্সের পৃষ্ঠে দেখাবে।
২. Bump Map
Bump Map (বাম্প ম্যাপ) 3D অবজেক্টের পৃষ্ঠে গভীরতা বা টেক্সচারগত বিশদ বৃদ্ধি করার জন্য ব্যবহৃত হয়। এটি সরাসরি অবজেক্টের জ্যামিতি পরিবর্তন না করেও, পৃষ্ঠের উঁচু-নিচু অনুভূতি তৈরি করে।
কোড উদাহরণ:
var sphere = BABYLON.MeshBuilder.CreateSphere("sphere", {diameter: 3}, scene);
var bumpTexture = new BABYLON.Texture("https://www.babylonjs.com/assets/textures/bumpySurface.jpg", scene);
var material = new BABYLON.StandardMaterial("sphereMaterial", scene);
material.bumpTexture = bumpTexture; // Bump Map যোগ করা
sphere.material = material;
এখানে, Bump Map হিসেবে একটি বাম্পি সারফেস টেক্সচার যোগ করা হয়েছে, যা গোলকের পৃষ্ঠে গভীরতা তৈরি করবে।
৩. Opacity Map
Opacity Map (অপাসিটি ম্যাপ) ব্যবহৃত হয় অবজেক্টের কিছু অংশ স্বচ্ছ (transparent) বা অস্বচ্ছ (opaque) করতে। এটি অবজেক্টের ভিজ্যুয়াল এফেক্টস তৈরি করতে সহায়ক, যেমন কাচ বা জলপূর্ণ অবজেক্টের মতো প্রভাব।
কোড উদাহরণ:
var plane = BABYLON.MeshBuilder.CreatePlane("plane", {size: 5}, scene);
var opacityTexture = new BABYLON.Texture("https://www.babylonjs.com/assets/textures/opacityMap.png", scene);
var material = new BABYLON.StandardMaterial("planeMaterial", scene);
material.opacityTexture = opacityTexture; // Opacity Map যোগ করা
plane.material = material;
এখানে, Opacity Map হিসেবে একটি PNG ছবি ব্যবহার করা হয়েছে, যেখানে সাদা অংশ হবে সম্পূর্ণ অস্বচ্ছ এবং কালো অংশ হবে স্বচ্ছ।
৪. Reflection Map
Reflection Map (রিফ্লেকশন ম্যাপ) ব্যবহার করে 3D অবজেক্টে প্রতিবিম্ব (reflection) তৈরি করা হয়। এটি বিশেষত পানির পৃষ্ঠ বা মেটালিক অবজেক্টে খুব কার্যকরী, যেখানে আশপাশের পরিবেশের প্রতিবিম্ব দেখতে পাওয়া যায়।
কোড উদাহরণ:
var sphere = BABYLON.MeshBuilder.CreateSphere("sphere", {diameter: 3}, scene);
var reflectionTexture = new BABYLON.CubeTexture("https://www.babylonjs.com/assets/reflection/", scene);
var material = new BABYLON.StandardMaterial("sphereMaterial", scene);
material.reflectionTexture = reflectionTexture; // Reflection Map যোগ করা
material.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE; // রিফ্লেকশন মুড সেট করা
sphere.material = material;
এখানে, Reflection Map হিসেবে একটি CubeTexture ব্যবহার করা হয়েছে, যা একটি সিলিন্ডার বা গোলকের ওপর প্রতিবিম্ব যোগ করবে।
সারাংশ
এগুলি ছিল Diffuse, Bump, Opacity, এবং Reflection Maps ব্যবহারের পদ্ধতি। এই ম্যাপগুলো বিভিন্ন বৈশিষ্ট্য যোগ করে 3D অবজেক্টকে আরও বাস্তবসম্মত এবং আকর্ষণীয় করে তোলে। আপনি এই ম্যাপগুলোকে একত্রিত করে আরও উন্নত ভিজ্যুয়াল এবং এনিমেশন তৈরি করতে পারবেন, যা গেম ডেভেলপমেন্ট এবং অন্যান্য 3D অ্যাপ্লিকেশনে খুবই কার্যকর।
Read more
