Three.js使用Shadow.bias修复shadow static后阴影偏移如何解决？

可行优化方案 #

• 精细化调整基础参数 #

  不要直接使用绝对值过大的bias值，合适的bias取值区间通常为-0.0001到-0.001，以0.0001为步长逐级下调，找到刚好消除静态阴影的最小值即可，避免过度调整导致偏移。同时提升阴影贴图分辨率：

  light.shadow.mapSize.set(2048, 2048) // 可根据性能要求提升至4096*4096
  

  更高的阴影贴图精度可以降低需要的bias绝对值，从根源减少偏移风险。

• 配合normalBias参数使用 #

  优先用normalBias替代大数值的全局bias，该参数会沿几何体法线方向偏移阴影采样点，比全局bias更不容易出现大面积阴影错位：

  light.shadow.bias = -0.0003 // 仅保留极小的bias值
  light.shadow.normalBias = 0.02 // 取值区间通常为0.01~0.05，按需调整
  

  大多数场景下该组合即可同时解决静态阴影和偏移问题。

• 收窄阴影相机裁剪范围 #

  阴影相机的深度精度和裁剪范围大小负相关，收窄near和far的取值到刚好覆盖场景内需要产生阴影的范围，能大幅提升深度精度，降低静态阴影出现的概率：

  // 以方向光为例
  light.shadow.camera.near = 1
  light.shadow.camera.far = 500 // 不要设置超出实际需要的过大值
  

• 优化场景几何结构 #

  避免场景中出现完全共面的几何体（比如地面和装饰物底面完全重合），共面会大幅提升静态阴影出现的概率，必要时可以给接收阴影的面和投射阴影的面留极小的间距（0.01~0.1单位，按需调整）。

• 更换阴影贴图类型 #

  开启软阴影模式，软阴影的多重采样逻辑可以直接弱化静态阴影的噪点效果，部分低复杂度场景下不需要调整bias就能解决问题：

  renderer.shadowMap.type = THREE.PCFSoftShadowMap
  

内容的提问来源于stack exchange，提问作者Vardan Betikyan