Shader Works本课练习

第 02 课 · 练习 04 · ⭐⭐

两次 Mix：红黄绿

左红、中黄、右绿，过渡连续。

ShaderMaterial · WebGL204-two-mix-traffic-colors

照着做

  1. 先将 0–0.5 和 0.5–1 两段各自重新映射为 0–1，然后分别 mix。
  2. 把分界改成 0.3：前段用 vUv.x / 0.3，后段用 (vUv.x - 0.3) / 0.7，并同步修改 step；黄色应移动且没有跳色。
  3. 把三色换成蓝、紫、粉，保留两段逻辑。

完整说明和验收步骤见本目录 README.md；主要改动从 shader.frag、shader.vert 或 main.js 开始。