I got a question about alpha blend mode when two different mesh is overlapped.
Here’s the playground. (Because I can’t share the asset, I made a playground with default ground and cylinder). https://www.babylonjs-playground.com/#1MSIXB#212
The cylinder blinks every time I change the angle of the camera, is there any way to solve it?
I already tried “depth functions”, “need depth pre-pass” and “useOrderIndependentTransparency” but I couldn’t find the way.
(useOrderIndependentTransparency is to heavy to use in my environment )
Hi,
I could talk about this for hours as I’m currently building a scene that’s nearly entirely made from glass-like objects. If you don’t want to use OIT (because of all its current restrictions and bugs), you are left with a manual sorting to final fix your alpha blending issues. But before you do that, you really need to take a look at the section of the doc shared above by @Evgeni_Popov. This is a pre-requirement if you want to be able to final fix it using manual sorting. Once this is done, sort your meshes using the alphaIndex. The process is a bit painful when you have multiple objects/layers of transparency, but apart from using OIT, it’s the only way I found to have it fixed.