Three.js加载STL模型实现X射线效果异常，求排查要点

• uniform 语法错误：你定义glowColor和viewVector时多套了一层多余的圆括号，不符合Three.js ShaderMaterial的uniform规范，会导致引擎无法正确读取uniform的值，所以修改glowColor不生效。正确写法应该是去掉外层括号：

  glowColor: { value: new THREE.Color("#000000") },
  viewVector: { value: materialCameraPosition },
  

• viewVector没有动态更新：你只在初始化时克隆了一次相机位置，如果运行过程中相机有移动、旋转，viewVector的值不会同步更新，会导致边缘光强度计算完全错误。需要在每帧渲染的更新逻辑里，重新给customMaterial.uniforms.viewVector.value赋值最新的相机位置。
• STL模型无原生颜色+原有颜色丢失：STL格式本身不存储顶点颜色/材质颜色信息，同时你直接替换了所有Mesh的原有材质，完全没有读取原有材质的颜色参数。如果需要保留模型原有颜色，需要在替换材质时，把每个Mesh原材质的颜色作为uniform传入对应ShaderMaterial（注意不要所有Mesh共用同一份材质实例，每个要单独实例化传入不同的颜色值）。
• Shader逻辑错误：
  1. 视线方向计算错误：你直接将相机世界空间坐标乘normalMatrix转视图空间的逻辑是错的，正确的边缘光强度计算应该在视图空间下，用顶点指向相机的视线向量和法向量做点积，修改顶点Shader逻辑：

     void main() {
         vec3 viewPosition = (modelViewMatrix * vec4(position, 1.0)).xyz;
         vec3 vNormal = normalize(normalMatrix * normal);
         vec3 vViewDir = normalize(-viewPosition);
         intensity = pow(c - dot(vNormal, vViewDir), p);
         gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
     }
     

  2. 透明通道未设置：你当前片元Shader输出的alpha是固定值1.0，没有和强度关联，无法实现透明光晕效果，修改片元Shader：

     void main() {
         vec3 glow = glowColor * intensity;
         gl_FragColor = vec4(glow, intensity);
     }
     

• 初始参数错误：你初始设置的glowColor是纯黑色#000000，黑色和任何强度相乘结果都是黑色，叠加AdditiveBlending后不会有任何显示，先改为非黑色值测试效果。
• 模型法向量异常：部分STL模型导出时会丢失法向量，或者法向量方向相反，你可以先调用child.geometry.computeVertexNormals()重新计算法向量，再赋值材质，排除法向量错误导致的渲染异常。

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