Shader Learn

07 表面与光照

风格化:分层光照与 Fresnel 边缘光

同一个球,改写光照公式:亮度分层,边缘发光。

26
18
01

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

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

风格化就是改写光照公式:把亮度分层得到卡通感,用 1 − dot(N, V) 做边缘光。

试一试

  • 层数调到 2
  • 加大边缘光强度
  • 关掉分层,对比连续光照