three.js 添加 EffectComposer 导致透明模型被遮挡
例如,材质边缘抗锯齿产生的半透明像素(alpha=0.1~0.5)会被误认为“有效像素”写入深度缓冲区。这些半透明像素的深度值被记录后,后续渲染其他物体时,WebGL会误以为这些位置已经被占据(即使它们实际是透明的),导致后续物体被错误遮挡。以下则是 animate.js,将原生的渲染器注释,使用了 EffectComposer 的,就出现了透明模型遮挡的问题。被丢弃的像素不会写入深度缓冲区,从而避免了“虚假深度值”对其他物体的遮挡干扰。这是在相机仰视情况下看到的,请注意我的透明材质的模型。
原创
2025-02-27 15:07:33 ·
294 阅读 ·
0 评论