Shader Works本课练习

第 01 课 · 练习 05 · ⭐⭐⭐

鼠标控制红绿通道

指针向右移动变红，向上移动变绿；触摸也能操作。

ShaderMaterial · WebGL205-pointer-rg

照着做

  1. 移动指针，查看 main.js 如何把 canvas 的 clientX/clientY 换算为 0–1。
  2. 交换 shader.frag 里 uMouse.x 与 uMouse.y，确认控制方向对调。
  3. 让蓝色通道由 1.0 - uMouse.x 控制，做出三色交互。

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