Shader Works本课练习

第 01 课 · 练习 07 · ⭐⭐⭐⭐

颜色与缩放同步呼吸

三角形放大时更亮，缩小时更暗，两种变化同步。

ShaderMaterial · WebGL207-breathing-triangle

照着做

  1. 顶点与片元 Shader 使用同一个 0.5 + 0.5 sin(uTime * 2.0) 波形。
  2. 把缩放幅度从 0.20 改为 0.35，确认最小尺寸变小。
  3. 加入相位偏移，让颜色比尺寸晚半拍变化；解释何时不再同步。

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