transparency - Three.js overlapping transparent PNG textures have black backgrounds -


(ignore grid)

clouds

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

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

php - How can i create a user dashboard -

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -