Alpha为0时RGB值异常置0问题排查（WebGL/Three.js）

• 场景背景：
  我有一个带RGBA纹理的3D模型，需要单独提取RGB通道显示（Alpha通道留作反射效果使用）。根据PNG规范，该纹理的颜色未与Alpha预乘，理论上在片段着色器中直接取RGB通道就能正常渲染原本的颜色。

• 异常表现：
  已经关闭了WebGLRenderer、Texture、Material的premultipliedAlpha配置，但当纹理Alpha值为0的区域，对应的RGB值也被置为0——模型本该显示肤色的手部和颈部区域变成了白色。测试场景里，中间纹理由FBXLoader加载，右侧由TextureLoader加载，左侧是无Alpha的演示纹理作为正常效果参照。

• 用到的片段着色器代码：

void main() {
   FragColor = vec4(texture2D(map, vUv).rgb, 1.);
}

• 排查结论：
  一开始以为是WebGL或Three.js的机制限制导致的问题，后来排查发现问题根源出在服务器的缓存操作上，和引擎、着色器逻辑无关。另外，采用分离RGB和Alpha为两张纹理的方案不可行。

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