transparency - Three.js overlapping transparent PNG textures have black backgrounds -
(ignore grid)
i have many planes three.meshbasicmaterial on each one, , map transparent png cloud image.
as can see in above image, they showing black backgrounds when overlapping rest of scene. strangely, when overlap themselves, can see blend , transparent (look @ outer red clouds blending inner pink clouds).
- i've verified png images transparent.
- as mentioned, they're on meshbasicmaterial, transparency set true, , map cloud image anisotropy set 16.
- i have not manually set blend mode on materials
anything obvious i'm overlooking?
this specific own implementation - in case helps else: discovered clouds had black backgrounds when overlapping background skybox. skybox materials had transparent: true, set on them, though aren't transparent. removing transparency setting background materials fixed issue.
Comments
Post a Comment