Shader Learn

01 Fragmentos y datos

vec2: dos números en un valor

Dos float que juntos representan X e Y. Arrastra los números del código y el punto se mueve.

01
01
Explicación

Arrastra los números subrayados a izquierda y derecha

vec2 point = vec2(, );// estos dos componentes sitúan el punto de la izquierda// point.x -> izquierda/derecha// point.y -> arriba/abajo
vec2Dos float
RangoAbajo izquierda (0, 0) → arriba derecha (1, 1)
Lado JSgl.uniform2f(uResolution, …, …)

Un vec2 agrupa dos float, a menudo una coordenada. Abajo a la izquierda es (0,0); arriba a la derecha, (1,1).

Pruébalo

  • Lleva el punto a la esquina superior derecha
  • Pon el punto justo en el centro: ¿qué deben valer los dos números?