01 片元与数据

float、int、bool：比 C 更严格

float 控制亮度，int 控制条数，bool 控制是否反转。再试试 C 语言里的常见写法。

float · 亮度0.80

int · 条数5

112

bool · 反转关

C 习惯写法

每个像素运行一次拖动数字，或直接改代码

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);
}

JS 这一侧

GLSL 不做隐式类型转换：float 要写 1.0，int 和 float 不能直接相乘。

试一试

切换「C 习惯写法」，读一读 GPU 真实报错
在代码里自己删掉一个分号，看错误定位到哪一行
把 int(count) 改成 float，再修好