11 Peculiaridades de la GPU

Operaciones habituales de un vistazo

La entrada es un degradado gris. Cambia la operación y observa cómo lo transforma.

Operación

Parámetro2.00

0.15

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

void main() {
  float x = vUv.x;
  float result = pow(x, 2.000);
  float curve = 1.0 - smoothstep(0.0, 0.012, abs(vUv.y - result));
  vec3 color = mix(vec3(result), vec3(0.96, 0.43, 0.30), curve);
  gl_FragColor = vec4(color, 1.0);
}

void main() {
  float x = vUv.x;
  float result = pow(x, 2.000);
  float curve = 1.0 - smoothstep(0.0, 0.012, abs(vUv.y - result));
  vec3 color = mix(vec3(result), vec3(0.96, 0.43, 0.30), curve);
  gl_FragColor = vec4(color, 1.0);
}

Lado JS

abs, clamp, pow, floor, min, max: moldea una línea recta de 0–1 hasta darle la forma que necesitas.

Pruébalo

Prueba todas las operaciones
Abre el depurador de píxeles y lee x y result