01 Fragmentos y datos

Componentes: elegir, reordenar, repetir

Los mismos tres números en otro orden producen otro color.

Orden

EjercicioEditar código0%

Escribe un orden nuevo: intercambia verde y rojo

Se ejecuta una vez por píxelArrastra los números o edita el código

void main() {
  vec3 original = vec3(vUv.x, vUv.y, 0.2);
  vec3 color = original.rgb;
  gl_FragColor = vec4(color, 1.0);
}

void main() {
  vec3 original = vec3(vUv.x, vUv.y, 0.2);
  vec3 color = original.rgb;
  gl_FragColor = vec4(color, 1.0);
}

Lado JS

color.r toma el primer número; .bgr reordena; .rrr repite un componente. rgb y xyz son dos nombres para los mismos componentes.

Pruébalo