Shader Works本课练习

第 03 课 · 练习 02 · ⭐

UV 中心化与距离

平面中心黑，越远越亮。

ShaderMaterial · WebGL202-centered-distance

照着做

  1. 用 p = vUv - 0.5 把中心改成原点，再计算 length(p)。
  2. 把距离乘以 2.0，确认边缘更亮。
  3. 用 abs(p.x) + abs(p.y) 替代 length，观察形状变化。

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