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

时间:2017-08-20 16:44:39

标签: three.js transparency

(忽略网格)

clouds

我有很多平面,每个平面都有一个Three.MeshBasicMaterial,地图是一个透明的PNG云图像。

正如您在上图中所看到的,在与场景的其余部分重叠时显示黑色背景。奇怪的是,当它们与自身重叠时,您可以看到它们混合并且是透明的(看看外面的红云与内部的粉红色云层相融合。)

  • 我确认PNG图像实际上是透明的。
  • 如上所述,他们使用MeshBasicMaterial,透明度设置为true,地图是各向异性设置为16的云图。
  • 我没有在材料上手动设置混合模式

我有什么明显的俯视?

1 个答案:

答案 0 :(得分:0)

这可能特定于我自己的实现 - 但是如果它可以帮助其他人:我发现云与背景天空盒重叠时只有黑色背景。天空盒材料具有透明度:真实,设置在它们上,即使它们不透明。从背景材料中删除透明度设置解决了问题。