Multi-layered transparency rendering glitch

Questions
, ,
1

Hey everyone,

I’ve ran into this issue with models that have multiple transparent meshes/materials stacked on top of each other. At certain angles the (visual) render order changes (tilt the example to the bottom). Changing the render order property of meshes also doesn’t seem to be the go to solution for this, because it causes other unwanted render order related effects when used in a bigger scene. Why does this happen and how can I fix this?

Example playground:
https://playground.babylonjs.com/#592X04#12

2

This is a known problem with transparency.

See this page in the documentation repo for a discussion about transparency problems and how to deal with them: