Three.js中灯光无法正常工作的问题排查求助

• Three.js版本不匹配：这是最常见的原因，教程使用的Three.js版本和你当前项目的版本可能存在API差异。比如旧版中灯光的默认参数、材质对光照的响应逻辑在新版中有所调整。你可以查看教程源码依赖的Three.js版本，然后在你的项目中安装相同版本测试。

• 材质类型错误：如果行星使用的是MeshBasicMaterial，这种材质不受任何灯光影响，只会显示自身颜色。确认教程里的行星材质是MeshStandardMaterial、MeshPhongMaterial这类支持光照的材质，且你的代码中没有误改材质类型。

• 灯光参数未生效：

  • 检查灯光的intensity值是否过低，或者distance设置得太小，导致光线无法覆盖到行星；
  • 确认灯光的位置是否正确，有没有被太阳或其他行星遮挡，或者位置偏移到了行星的背面/视野之外。

• 颜色空间配置问题：新版Three.js默认使用sRGB颜色空间，如果你的材质或灯光颜色没有适配这个设置，可能会导致光照效果异常。可以尝试在渲染器中设置renderer.outputColorSpace = THREE.SRGBColorSpace，或者调整材质的colorSpace属性。

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