GLSL (OpenGL Shading Language) এর বেসিক সিনট্যাক্স

GLSL কি?

GLSL (OpenGL Shading Language) হল একটি প্রোগ্রামিং ভাষা যা OpenGL (এবং WebGL) এর শেডার লেখার জন্য ব্যবহৃত হয়। এটি ব্যবহারকারীদের গ্রাফিক্স রেন্ডারিং শেডারগুলি তৈরি করতে সহায়তা করে, যেমন Vertex Shader এবং Fragment Shader। ওয়েবজিএল-এর মধ্যে GLSL ব্যবহার করে ডেভেলপাররা 3D গ্রাফিক্সের বিভিন্ন ভিজ্যুয়াল ইফেক্ট তৈরি করতে পারেন, যেমন আলো, ছায়া, টেক্সচারিং, এবং পেইন্টিং।

GLSL-এর সিনট্যাক্স C ভাষার (C Language) মতো হলেও এতে কিছু বিশেষ বৈশিষ্ট্য রয়েছে, যা গ্রাফিক্স রেন্ডারিংয়ের জন্য প্রয়োজনীয়। ওয়েবজিএল-এর GLSL কোড প্রধানত শেডারে লেখা হয়, যা ব্রাউজারে GPU দ্বারা কার্যকরী হয়।

GLSL এর বেসিক সিনট্যাক্স

GLSL ভাষার বেসিক সিনট্যাক্স কিছু সাধারণ ধারণা এবং নিয়ম অনুসরণ করে। নিচে GLSL-এর কিছু মূল উপাদান এবং সিনট্যাক্স দেওয়া হলো:

১. ডেটা টাইপস (Data Types)

GLSL বেশ কিছু প্রাথমিক ডেটা টাইপ সমর্থন করে। এগুলির মধ্যে রয়েছে:

• int: পূর্ণসংখ্যা
• float: দশমিক সংখ্যা
• bool: বুলিয়ান মান (true/false)
• vec2, vec3, vec4: ২, ৩, এবং ৪ উপাদানের ভেক্টর (যেমন, পয়েন্ট, রং)
• mat2, mat3, mat4: ম্যাট্রিক্স
• sampler2D: ২D টেক্সচার

২. ভেরিয়েবল ডিক্লেয়ারেশন (Variable Declaration)

GLSL-এ ভেরিয়েবল ডিক্লেয়ার করতে হয় ডেটা টাইপ এবং নাম দিয়ে। উদাহরণস্বরূপ:

float myVariable;    // float টাইপের ভেরিয়েবল
vec3 myVector;       // ৩ উপাদানের ভেক্টর

৩. ফাংশন (Functions)

GLSL-এ কোডিংয়ের জন্য আপনি ফাংশন ব্যবহার করতে পারেন। একটি ফাংশন ডিফাইন করার সময়, তার রিটার্ন টাইপ, নাম এবং আর্গুমেন্ট দেওয়া হয়। উদাহরণস্বরূপ:

float addNumbers(float a, float b) {
    return a + b;
}

৪. শেডার প্রোগ্রাম (Shader Program)

GLSL-এ Vertex Shader এবং Fragment Shader দুটি প্রধান শেডার প্রোগ্রাম থাকে। প্রতিটি শেডারে আলাদা আলাদা ফাংশন ব্যবহার করা হয়। Vertex Shader সাধারণত ভেক্টর এবং পজিশন সংক্রান্ত হিসাব করে, আর Fragment Shader পিক্সেল বা ফ্র্যাগমেন্টের রঙ নির্ধারণ করে।

Vertex Shader Example:

attribute vec4 a_position;  // অ্যাট্রিবিউট পজিশন
uniform mat4 u_modelViewProjectionMatrix;  // ইউনিফর্ম ম্যাট্রিক্স

void main() {
    gl_Position = u_modelViewProjectionMatrix * a_position;  // পজিশন ট্রান্সফর্ম
}

Fragment Shader Example:

precision mediump float;  // ফ্লোট পিপি ডিফাইন করা
uniform vec4 u_color;     // ইউনিফর্ম রঙ

void main() {
    gl_FragColor = u_color;  // ফ্র্যাগমেন্টের রঙ অ্যাসাইন করা
}

৫. কন্ট্রোল স্টেটমেন্টস (Control Statements)

GLSL-এ সাধারণ কন্ট্রোল স্টেটমেন্ট যেমন if, for, while ইত্যাদি ব্যবহার করা যায়। উদাহরণস্বরূপ:

if (x > 0.5) {
    result = 1.0;
} else {
    result = 0.0;
}

৬. বিল্ট-ইন ভেরিয়েবলস (Built-in Variables)

GLSL-এ কিছু বিল্ট-ইন ভেরিয়েবল রয়েছে, যেমন:

• gl_Position: Vertex Shader-এ পজিশন সেট করার জন্য ব্যবহৃত
• gl_FragColor: Fragment Shader-এ রঙ অ্যাসাইন করার জন্য ব্যবহৃত
• gl_PointSize: পয়েন্টের আকার নির্ধারণ করে

GLSL শেডার ব্যবহারের সাধারণ উদাহরণ

GLSL শেডার সাধারণত ওয়েবজিএল প্রোগ্রামের অংশ হিসেবে ব্যবহার করা হয়। নিচে একটি সাধারণ ওয়েবজিএল কোডের উদাহরণ দেওয়া হলো যা GLSL শেডারকে ব্যবহার করে:

var vertexShaderSource = `
    attribute vec4 a_position;
    uniform mat4 u_modelViewProjectionMatrix;
    void main() {
        gl_Position = u_modelViewProjectionMatrix * a_position;
    }
`;

var fragmentShaderSource = `
    precision mediump float;
    uniform vec4 u_color;
    void main() {
        gl_FragColor = u_color;
    }
`;

var vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource);
var fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentShaderSource);

এখানে createShader ফাংশন একটি GLSL শেডার তৈরি করে এবং WebGL প্রোগ্রামে ব্যবহার করতে প্রস্তুত করে।

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