01 Fragmentos y datos

float, int, bool: más estrictos que en C

Un float fija el brillo, un int el número de franjas y un bool las invierte. Prueba después un hábito de C.

float · brillo0.80

int · franjas5

112

bool · invertirNo

Hábito de C

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

void main() {
  float brightness = 0.800;
  int count = 5;
  bool invert = false;
  float stripe = step(0.5, fract(vUv.x * float(count)));
  if (invert) stripe = 1.0 - stripe;
  vec3 color = mix(vec3(0.06, 0.10, 0.14), vec3(0.48, 0.83, 0.69), stripe) * brightness;
  gl_FragColor = vec4(color, 1.0);
}

void main() {
  float brightness = 0.800;
  int count = 5;
  bool invert = false;
  float stripe = step(0.5, fract(vUv.x * float(count)));
  if (invert) stripe = 1.0 - stripe;
  vec3 color = mix(vec3(0.06, 0.10, 0.14), vec3(0.48, 0.83, 0.69), stripe) * brightness;
  gl_FragColor = vec4(color, 1.0);
}

Lado JS

GLSL no convierte tipos implícitamente: un float se escribe 1.0, y multiplicar int por float da error.

Pruébalo

Cambia «Hábito de C» y lee el error real de la GPU
Borra un punto y coma y observa a qué línea apunta el error
Cambia int(count) a float y luego corrígelo