UV ম্যাপিং এর ধারণা

UV ম্যাপিং কি?

UV ম্যাপিং হলো 3D মডেলিং এবং গ্রাফিক্সে একটি গুরুত্বপূর্ণ প্রযুক্তি, যা 3D মডেলের পৃষ্ঠের (surface) উপর 2D টেক্সচার মানচিত্র (texture map) প্রয়োগ করতে ব্যবহৃত হয়। এই প্রক্রিয়া একে অপরের সাথে সম্পর্কিত দুটি স্থানাঙ্ক সিস্টেম ব্যবহার করে:

• U, V: 2D স্পেসে টেক্সচার কোঅর্ডিনেটের জন্য দুটি স্থানাঙ্ক (coordinates)। U এবং V সাধারণত X এবং Y এর মতো, তবে এগুলি শুধুমাত্র টেক্সচার ম্যাপিংয়ের জন্য ব্যবহৃত হয়, যেখানে X, Y সাধারনত 3D স্পেসের স্থানাঙ্ক হিসেবে ব্যবহৃত হয়।
• 3D মডেল: 3D অবজেক্টের পৃষ্ঠের প্রতি পয়েন্টের জন্য একটি নির্দিষ্ট 2D টেক্সচার পিক্সেল (texture pixel) নির্ধারণ করা হয়, যাতে 3D মডেলটি বাস্তবসম্মতভাবে দেখায়।

UV ম্যাপিংয়ের মাধ্যমে 3D মডেলের পৃষ্ঠের প্রতিটি পয়েন্ট (vertex) সাথে একটি 2D টেক্সচার (যেমন: ছবি বা গ্রাফিক্স) যুক্ত করা হয়। এর ফলে, 3D অবজেক্টটি টেক্সচার দিয়ে সজ্জিত হয়ে আরও বাস্তবসম্মত দেখতে হয়।

UV ম্যাপিং কীভাবে কাজ করে?

UV ম্যাপিং একটি 3D মডেলের পৃষ্ঠে 2D টেক্সচার প্রয়োগ করার প্রক্রিয়া। এই প্রক্রিয়াটি সাধারণত নিচের ধাপগুলো অনুসরণ করে:

1. টেক্সচার কোঅর্ডিনেট নির্ধারণ

প্রথমে, একটি 3D মডেলের প্রতিটি পয়েন্টের জন্য একটি UV কোঅর্ডিনেট তৈরি করা হয়। এগুলি 0 থেকে 1 এর মধ্যে মান থাকে, যেখানে 0,0 পয়েন্টটি টেক্সচার ছবির নিচের বাম কোণে থাকে এবং 1,1 পয়েন্টটি টেক্সচারের উপরের ডান কোণে।

2. টেক্সচার প্রজেকশন

এই কোঅর্ডিনেটগুলি পরে টেক্সচারের উপর প্রজেক্ট (project) করা হয়। এর মাধ্যমে, 3D মডেলের প্রতিটি পৃষ্ঠের প্রতি পয়েন্টে টেক্সচারের একটি নির্দিষ্ট অংশ অ্যাসাইন করা হয়।

3. টেক্সচার ম্যাপিং

এখন, টেক্সচারের ছবির পিক্সেলগুলো মডেলের উপর সেই নির্দিষ্ট স্থানাঙ্কে প্রক্ষেপিত হয়। এই প্রক্রিয়া 3D মডেলটি বাস্তবসম্মত দেখাতে সহায়তা করে।

UV ম্যাপিং এর প্রকার

UV ম্যাপিংয়ের বেশ কিছু প্রকার আছে, যা বিভিন্ন প্রয়োজনে ব্যবহৃত হয়। এখানে কিছু জনপ্রিয় প্রকার তুলে ধরা হলো:

1. Planar Mapping (প্ল্যানার ম্যাপিং)

এই প্রকারে, 3D মডেলের একটি পৃষ্ঠের উপর সরাসরি 2D টেক্সচার প্রক্ষেপিত হয়, যেন মডেলটি একটি সমতল পৃষ্ঠের মতো হয়ে যায়। এটি সাধারণত 2D মডেল বা সমতল পৃষ্ঠের জন্য ব্যবহৃত হয়।

2. Cylindrical Mapping (সিলিন্ড্রিকাল ম্যাপিং)

এটি একটি সিলিন্ডার আকৃতির পৃষ্ঠের জন্য ব্যবহৃত হয়, যেখানে টেক্সচার সিলিন্ডারের চারপাশে আবৃত হয়। এটি স্ট্রাইপ বা লম্বা অবজেক্টের জন্য উপযুক্ত।

3. Spherical Mapping (স্ফেরিকাল ম্যাপিং)

এই ম্যাপিং পদ্ধতিতে, টেক্সচারটি একটি গোলক বা স্ফিয়ার আকৃতির পৃষ্ঠে প্রজেক্ট করা হয়। এটি গোলাকার বা বৃত্তাকার বস্তুতে ভালো কাজ করে।

4. Unwrapping (আনর্যাপিং)

এই প্রক্রিয়ায় 3D মডেলকে 2D স্পেসে 'মোড়ানো' হয়, যাতে টেক্সচারটি সঠিকভাবে এবং নিখুঁতভাবে মডেলে প্রয়োগ করা যায়। সাধারণত এটি জটিল মডেলগুলোর জন্য ব্যবহৃত হয়।

ওয়েবজিএল-এ UV ম্যাপিং ব্যবহার

ওয়েবজিএল-এ UV ম্যাপিং টেক্সচার প্রয়োগ করতে ব্যবহৃত হয়। ওয়েবজিএল-এর মধ্যে টেক্সচার ম্যাপিং করার জন্য আপনাকে কিছু গুরুত্বপূর্ণ স্টেপ অনুসরণ করতে হবে:

1. টেক্সচার লোডিং

প্রথমে টেক্সচারটি লোড করা হয় এবং একটি বাফারে সংরক্ষিত হয়।

var texture = gl.createTexture();
gl.bindTexture(gl.TEXTURE_2D, texture);
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGB, gl.RGB, gl.UNSIGNED_BYTE, image);

2. UV কোঅর্ডিনেট অ্যাসাইনমেন্ট

এখন, আপনাকে 3D মডেলের ভেরটেক্স পয়েন্টগুলোতে UV কোঅর্ডিনেট অ্যাসাইন করতে হবে। এই কোঅর্ডিনেটগুলো শেডারে পাঠানো হয়।

var uvCoordinates = new Float32Array([
  0.0, 1.0,  // Vertex 1 UV
  1.0, 1.0,  // Vertex 2 UV
  0.5, 0.0   // Vertex 3 UV
]);

var uvBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, uvBuffer);
gl.bufferData(gl.ARRAY_BUFFER, uvCoordinates, gl.STATIC_DRAW);

3. শেডারে টেক্সচার অ্যাপ্লিকেশন

শেডারে টেক্সচার ব্যবহার করতে, UV কোঅর্ডিনেট ও টেক্সচার ম্যাপিং সংক্রান্ত তথ্য পাঠানো হয় এবং টেক্সচারটি গ্রাফিক্সে রেন্ডার করা হয়।

var uvLocation = gl.getAttribLocation(program, "a_uv");
gl.vertexAttribPointer(uvLocation, 2, gl.FLOAT, false, 0, 0);
gl.enableVertexAttribArray(uvLocation);

UV ম্যাপিং এর গুরুত্ব

UV ম্যাপিং 3D গ্রাফিক্স ডিজাইনে অত্যন্ত গুরুত্বপূর্ণ, কারণ এটি 3D মডেলগুলোর বাস্তবসম্মততা বৃদ্ধি করে। এটি টেক্সচার প্রয়োগে সাহায্য করে, যেমন গা dark ় বা উজ্জ্বল পৃষ্ঠের প্রভাব, শরীরের নকশা, গেমের পরিবেশ ইত্যাদি। ওয়েবজিএল-এর মাধ্যমে বাস্তবসম্মত গ্রাফিক্স তৈরির ক্ষেত্রে UV ম্যাপিং অপরিহার্য একটি টুল।