Shader Learn

07 表面与光照

法线:表面朝向哪里

把表面朝向,编码成 RGB 颜色。

-3.143.14

每个像素运行一次拖动数字,或直接改代码

JS 这一侧gl.uniformMatrix4fv(uModel, …) // 旋转 0.50 / 0.35

法线是表面朝向,不是位置;−1~1 映射到 0~1 后就能当颜色看见。

试一试

  • 转动立方体,正对你的那面是什么颜色?
  • 把 * 0.5 + 0.5 删掉,负方向变黑