জ্যামিতি ট্রান্সফরমেশন (ট্রান্সলেট, রোটেট, স্কেল)

জ্যামিতি ট্রান্সফরমেশন কি?

ওয়েবজিএল (WebGL) এ জ্যামিতি ট্রান্সফরমেশন (Geometry Transformation) গ্রাফিক্স রেন্ডারিংয়ে ব্যবহৃত একটি গুরুত্বপূর্ণ ধারণা। এটি অবজেক্ট বা মডেলের অবস্থান, আকার বা_orientation_ পরিবর্তন করার জন্য ব্যবহৃত হয়। সাধারণত তিনটি মূল জ্যামিতি ট্রান্সফরমেশন রয়েছে: ট্রান্সলেট (Translate), রোটেট (Rotate) এবং স্কেল (Scale)। এই তিনটি ট্রান্সফরমেশন গ্রাফিক্সের ভেক্টর (Vector) বা পয়েন্টের স্থানাঙ্ক (Coordinates) পরিবর্তন করে।

ট্রান্সলেট (Translate)

ট্রান্সলেট হলো একটি ট্রান্সফরমেশন যা অবজেক্ট বা মডেলকে একটি নির্দিষ্ট ভেক্টরের মাধ্যমে স্থানান্তরিত করে। অর্থাৎ, এটি অবজেক্টের পজিশন পরিবর্তন করতে ব্যবহৃত হয়, তবে তার আকার বা আকৃতি অপরিবর্তিত থাকে।

ট্রান্সলেটের গাণিতিক সূত্র:

$T(x, y, z)$ = $\begin{bmatrix} 1 & 0 & 0 & tx \\ 0 & 1 & 0 & ty \\ 0 & 0 & 1 & tz \\ 0 & 0 & 0 & 1 \end{bmatrix}$

এখানে, $tx$, $ty$, এবং $tz$ হলো স্থানান্তরের পরিমাণ (Translation Amount) যা X, Y, এবং Z অক্ষের জন্য দেওয়া হয়।

ব্যবহার:

• এটি 3D অবজেক্টকে স্ক্রিনে নির্দিষ্ট পজিশনে স্থানান্তরিত করার জন্য ব্যবহৃত হয়।
• উদাহরণস্বরূপ, একটি 3D গেমে চরিত্রের স্থান পরিবর্তন করতে ট্রান্সলেট ব্যবহার করা হয়।

রোটেট (Rotate)

রোটেট একটি ট্রান্সফরমেশন যা অবজেক্টকে একটি নির্দিষ্ট কোণ (Angle) এ ঘোরানোর কাজ করে। এটি সাধারণত একটি নির্দিষ্ট অক্ষের (Axis) চারপাশে অবজেক্টের অরিয়েন্টেশন পরিবর্তন করতে ব্যবহৃত হয়। ওয়েবজিএল-এ রোটেশন সাধারণত X, Y, এবং Z অক্ষের চারপাশে করা হয়।

রোটেটের গাণিতিক সূত্র:

অক্ষ অনুযায়ী রোটেশন মেট্রিক্স নিম্নরূপ:

• X অক্ষের চারপাশে রোটেশন:

  $$R_x(\theta) = \begin{bmatrix} 1 & 0 & 0 & 0 \\ 0 & \cos(\theta) & -\sin(\theta) & 0 \\ 0 & \sin(\theta) & \cos(\theta) & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}$$

• Y অক্ষের চারপাশে রোটেশন:

  $$R_y(\theta) = \begin{bmatrix} \cos(\theta) & 0 & \sin(\theta) & 0 \\ 0 & 1 & 0 & 0 \\ -\sin(\theta) & 0 & \cos(\theta) & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}$$

• Z অক্ষের চারপাশে রোটেশন:

  $$R_z(\theta) = \begin{bmatrix} \cos(\theta) & -\sin(\theta) & 0 & 0 \\ \sin(\theta) & \cos(\theta) & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}$$

ব্যবহার:

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

স্কেল (Scale)

স্কেল ট্রান্সফরমেশন অবজেক্টের আকার পরিবর্তন করতে ব্যবহৃত হয়। এটি অবজেক্টের ডাইমেনশন বা আকার বড় বা ছোট করতে সাহায্য করে। স্কেলিং প্রক্রিয়ায়, X, Y, Z অক্ষ অনুযায়ী একটি নির্দিষ্ট অনুপাত (Scale Factor) ব্যবহার করা হয়।

স্কেলের গাণিতিক সূত্র:

$$S(x, y, z) = \begin{bmatrix} sx & 0 & 0 & 0 \\ 0 & sy & 0 & 0 \\ 0 & 0 & sz & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}$$

এখানে, $sx$, $sy$, এবং $sz$ হলো স্কেল ফ্যাক্টর যা X, Y, এবং Z অক্ষের জন্য দেওয়া হয়।

ব্যবহার:

• স্কেল ট্রান্সফরমেশন 3D অবজেক্টের আকারের পরিবর্তনের জন্য ব্যবহৃত হয়।
• উদাহরণস্বরূপ, একটি মডেলের সাইজ পরিবর্তন করতে বা কোনো অবজেক্টকে ছোট বা বড় করার জন্য স্কেল ব্যবহৃত হয়।

জ্যামিতি ট্রান্সফরমেশনের সমন্বয়

ওয়েবজিএল-এ, একাধিক জ্যামিতি ট্রান্সফরমেশন একসাথে প্রয়োগ করা হতে পারে। যেমন, একটি অবজেক্ট প্রথমে ট্রান্সলেট (স্থানান্তরিত) হবে, তারপর রোটেট (ঘোরানো) হবে, এবং শেষে স্কেল (আকার পরিবর্তন) করা হবে। এই প্রক্রিয়াটি সবসময় একটি নির্দিষ্ট অর্ডারে (order) করতে হয় যাতে সঠিক রেন্ডারিং প্রাপ্ত হয়।

উদাহরণ:

আপনি যদি একটি 3D অবজেক্টকে প্রথমে স্থানান্তরিত (translate), তারপর ঘোরান (rotate), এবং শেষে আকার পরিবর্তন (scale) করতে চান, তাহলে এই তিনটি ট্রান্সফরমেশনকে একটি একক ট্রান্সফরমেশন ম্যাট্রিক্সে মিশিয়ে দিতে হবে।

জ্যামিতি ট্রান্সফরমেশন ওয়েবজিএল এর একটি অত্যন্ত গুরুত্বপূর্ণ অংশ, যা গ্রাফিক্সের অবজেক্টের অবস্থান, আকৃতি, এবং আঙ্গিক পরিবর্তন করতে সহায়ক হয়। ট্রান্সলেট, রোটেট এবং স্কেল এই প্রক্রিয়া সম্পন্ন করতে গুরুত্বপূর্ণ ভূমিকা পালন করে, যা ওয়েবজিএল-এ শক্তিশালী এবং ইন্টারঅ্যাকটিভ গ্রাফিক্স তৈরির মূল কৌশল।