Vertex Shader: bu nima, vazifalari va ishlash prinsipi

Vertex Shader nima?

Vertex Shader — grafik konveyerining (graphics pipeline) dasturlashtiriladigan bosqichi bo'lib, u uch o'lchamli modelning har bir uchini alohida qayta ishlaydi. Uch (vertex) — uch o'lchamli fazoda atributlarga ega nuqta: xyz koordinatalari, normalar, rang va UV tekstura koordinatalari.

Ruxsat etilgan funksiyali konveyerdan (fixed-function pipeline) farqli o'laroq, bu erda o'zgartirishlar qat'iy berilgan algoritm bo'yicha bajarilardi, Vertex Shader dasturchiga uch transformatsiyasi ustidan to'liq nazorat beradi. Bu protsedur animatsiya, modellarni deformatsiyalash, skelet skinningi va GPU tomonida istalgan matematik o'zgartirishlarni amalga oshirish imkonini beradi.

Vertex Shaderning grafik konveyeridagi o'rni

OpenGL ES grafik konveyeri kirish ma'lumotlaridan yakuniy tasvirgacha bo'lgan bosqichlar ketma-ketligini o'z ichiga oladi. Vertex Shader uch yig'ish bosqichidan (vertex assembly) keyin va rastrlash bosqichidan oldin joylashgan. CPU dan uch buferi orqali uzatilgan har bir uch Vertex Shaderdan aniq bir marta o'tadi va natija primitivlarni yig'ish uchun keyingi bosqichga uzatiladi.

Vertex Shader qanday ishlaydi?

Vertex Shader kirishda uch buferidan (VBO) CPU kodida sozlangan atribut ko'rsatkichlari (vertex attribute pointers) orqali uch atributlarini qabul qiladi. Dasturchi GLSL (OpenGL Shading Language) yoki shunga o'xshash tilda shader kodi yozadi, bu kod GPU drayveri tomonidan maxsus chip uchun mashina ko'rsatmalariga kompilyatsiya qilinadi.

Uchni qayta ishlash jarayoni

Har bir uch uchun Vertex Shader ketma-ket uchta operatsiyani bajaradi: kirish atributlarini o'qish — dasturchi tomonidan belgilangan o'zgartirishlarni qo'llash — natijalarni chiqish o'zgaruvchilariga yozish. Minimal majburiy chiqish — uchning kesish fazosidagi pozitsiyasi (gl_Position). Barcha boshqa chiqish ma'lumotlari (rang, normalar, tekstura koordinatalari) interpolyatsiya qilinadi va keyingi bosqichga — Fragment Shaderga uzatiladi.

#version 300 es
in vec3 aPosition;
in vec2 aTexCoord;
uniform mat4 uMVP;
out vec2 vTexCoord;

void main() {
    gl_Position = uMVP * vec4(aPosition, 1.0);
    vTexCoord = aTexCoord;
}

Vertex Shaderning asosiy vazifalari

Vertex Shader geometriya transformatsiyasi bilan bog'liq grafik konveyerining keng spektrli vazifalarini hal qiladi. Har bir vazifa vektorlar va matritsalar ustida matematik operatsiyalar orqali amalga oshiriladi, bir vaqtning o'zida minglab uchlar uchun parallel bajariladi.

MVP orqali koordinata transformatsiyasi

Asosiy va eng keng tarqalgan vazifa — uch koordinatalarini model, view va projection (MVP) matritsalariga ko'paytirish. MVP matritsasi uchni modelning lokal fazosidan kesish fazosiga (clip space) o'zgartiradi, so'ngra avtomatik konveyer bosqichlarida normallashtiriladi va ekran koordinatalariga aylantiriladi.

Skelet animatsiyasi (Skinning)

Animatsiya qilinadigan personajlar uchun Vertex Shader skelet animatsiyasini (skinning) amalga oshiradi. Har bir uch bir nechta suyakka ma'lum og'irliklar bilan bog'langan. Vertex blending — bog'langan suyaklardan o'zgartirishlarning og'irlik yig'indisi — skelet harakatlanayotganda personaj terisini silliq deformatsiya qilish imkonini beradi.

Geometriyaning protsedur deformatsiyasi

Vertex Shader vaqt yoki boshqa uniform parametrlar asosida geometriyani CPU ishtirokisiz o'zgartirishi mumkin. Wave deformation, Perlin shovqiniga asoslangan shovqin siljishlari va suvdagi to'lqin effektlari — bu effektlarning barchasi vertex shaderda geometriyani operativ xotiradan qayta yuklamasdan amalga oshiriladi.

Vertex Shader vs Fragment Shader: farqlar

Ikkala shader turi grafik konveyerining dasturlashtiriladigan bosqichlari bo'lsa ham, Vertex Shader va Fragment Shader printsipial jihatdan farqli vazifalarni hal qiladi va tasvirni qayta ishlashning turli bosqichlarida ishlaydi.

Asosiy farq — chaqiruvlar chastotasi. Vertex Shader har bir uch uchun bir marta chaqiriladi, Fragment Shader esa har bir fragment (piksel) uchun. Yuqori rezolyutsiyali sahnada Fragment Shader chaqiruvlari soni Vertex Shader chaqiruvlari sonidan minglab marta ko'pdir, bu piksel shaderlarini optimallashtirishni yanada muhim qiladi.

Vertex Shader unumdorligi va optimallashtirish

Vertex Shader unumdorligi real vaqt ilovalari uchun muhim, ayniqsa cheklangan energiya iste'moli bilan mobil ishlanmada. Asosiy unumdorlik omillari — uchlar soni, shader kodining murakkabligi va GPU xotirasining o'tkazish qobiliyati.

Unumdorlikka ta'sir etuvchi omillar

• Vertex count — kadr boshiga GPUga uzatiladigan uchlar soni. Millionlab poligonli modellar vertex shaderda yuqori yuk hosil qiladi.
• Shader complexity — shaderda ko'rsatmalar soni. Ichma-ich sikllar va shartli o'tishlar (divergence) SIMD bloklarining parallel unumdorligini pasaytiradi.
• Bandwidth — video xotiradan uch ma'lumotlarini o'qish tezligi. Atribut formati (float32, float16, normallashtirilgan butun son) to'g'ridan-to'g'ri o'tkazish qobiliyatiga ta'sir qiladi.

Vertex shaderlarni optimallashtirish usullari

Vertex Shader yukini kamaytirish uchun quyidagi yondashuvlar qo'llaniladi. Level of Detail (LOD) — kamera ob'ektdan uzoqlashganda modellarning soddalashtirilgan versiyalariga o'tish. Instancing — bir chizish chaqiruvida (draw call) bir xil geometriyani turli transformatsiya matritsalari bilan ko'p marta chizish.

// Vertex Shader instanslash qo'llab-quvvatlashi bilan
in vec3 aPosition;
in mat4 aInstanceMatrix;
uniform mat4 uViewProjection;

void main() {
    vec4 worldPos = aInstanceMatrix * vec4(aPosition, 1.0);
    gl_Position = uViewProjection * worldPos;
}

Vertex Shader kod namunalari

Vertex Shader turli grafik APIlarda o'xshash mantiqqa, ammo farqli sintaksis va nomlash konvensiyalariga ega. OpenGL ES 3.0 uchun GLSL va iOS va macOS uchun Metal Shading Language da asosiy vertex shaderning implementatsiyasini ko'rib chiqamiz.

OpenGL ES 3.0 uchun GLSL namunasi

#version 300 es
in vec4 position;
in vec3 normal;
in vec2 texcoord;

uniform mat4 modelViewMatrix;
uniform mat4 projectionMatrix;
uniform mat3 normalMatrix;

out vec3 vNormal;
out vec2 vTexCoord;
out vec3 vPosition;

void main() {
    vec4 mvPosition = modelViewMatrix * position;
    vPosition = mvPosition.xyz;
    vNormal = normalMatrix * normal;
    vTexCoord = texcoord;
    gl_Position = projectionMatrix * mvPosition;
}

Metal Shading Language namunasi

#include <metal_stdlib>
using namespace metal;

struct VertexIn {
    float3 position [[attribute(0)]];
    float3 normal   [[attribute(1)]];
};

struct VertexOut {
    float4 position [[position]];
    float3 worldNormal;
};

vertex VertexOut
vertexMain(VertexIn in [[stage_in]],
           constant float4x4& mvp [[buffer(1)]]) {
    VertexOut out;
    out.position = mvp * float4(in.position, 1.0);
    out.worldNormal = in.normal;
    return out;
}