three.js r97中GLTF顶点颜色显示异常问题求助

一、colorEncoding设置不生效的核心原因 #

three.js r97版本的outputEncoding生效逻辑和后续版本存在差异：

• 该版本中，只有当渲染器的gammaOutput设为true时，outputEncoding的设置才会被触发。默认gammaOutput为false，所以修改outputEncoding不会产生效果。
• 正确设置顺序需先开启gammaOutput，再指定编码：

renderer.gammaOutput = true;
renderer.outputEncoding = THREE.sRGBEncoding;

二、其他可能导致颜色差异的原因 #

• 材质纹理颜色空间未转换：r97的GLTFLoader不会自动给材质纹理应用sRGB转换，需手动为纹理设置编码：

  texture.encoding = THREE.sRGBEncoding;
  

  可在GLTFLoader的onLoad回调中遍历模型所有材质的纹理，统一设置该属性。
• 光照参数不匹配：你需调高环境光才接近目标效果，说明场景光照强度、环境贴图的颜色空间可能和参考查看器不一致。检查环境贴图的encoding设置，以及光照的intensity参数。
• GLTF文件颜色空间解析问题：部分GLTF文件会在材质中标记颜色空间，但r97的GLTFLoader对这类标记的解析不完善，需手动覆盖材质的颜色编码设置。
• gammaFactor参数修改：r97中gammaFactor默认值为2.2，若你之前修改过该参数，也会影响最终颜色输出，建议保持默认或与参考查看器对齐。

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