Three.js 重叠的透明 PNG 纹理具有黑色背景

Question

（忽略格子）

我有很多飞机，每个飞机上都有一个Three.MeshBasicMaterial，地图是透明的PNG云图。

正如您在上图中看到的，它们在与场景的其余部分重叠时显示黑色背景。奇怪的是，当它们与自己重叠时，您可以看到它们混合并且是透明的（看看外面的红色云朵与里面的粉红色云朵混合在一起）。

• 我已验证 PNG 图像实际上是透明的。
• 如前所述，它们在 MeshBasicMaterial 上，透明度设置为 true，贴图是各向异性设置为 16 的云图像。
• 我没有在材质上手动设置混合模式

有什么明显的我忽略了吗？

Answer 1

这可能是我自己的实现所特有的 - 但以防万一它对其他人有帮助：我发现云与背景天空盒重叠时只有黑色背景。天空盒材质具有 transparent: true，设置在它们上面，即使它们不是透明的。从背景材料中删除透明度设置解决了这个问题。