Shader Works本课练习

第 06 课 · 练习 08 · ⭐⭐⭐

点击切换双层纹理

点击按钮后 A/B 两张图在约一秒内平滑切换，可再次切回。

ShaderMaterial · WebGL208-click-to-transition

照着做

  1. JS 更新 uProgress，Shader 用 mix(a,b,uProgress) 组合两张纹理。
  2. 把切换速度 1.2 改为 0.4，观察切换变慢。
  3. 让切换从左向右逐步推进。

完整步骤与排查见本目录 README.md。