OIT+Mobile: issue where transparent meshes become invisible


In my project, but reproducible with the provided playground from the documentation: https://playground.babylonjs.com/#WGZLGJ#3348

The transparent objects are not visible with:
scene.useOrderIndependentTransparency = true;

It can be reproduced on some mobile devices (tested to not work on iPhone 13, Samsung S20FE, Poco M4Pro) and works on Samsung S8 and S7 (just with a strange z-clipping).

I tried as well on the https://appetize.io/ online mobile simulator, and it is reproducible the same with proposed mobiles.

Thank you,

cc @Evgeni_Popov

Unfortunately, OIT is an advanced technique and heavy on the GPU and should probably not be used on mobiles, even when it works!

It does not work on the mobile I’ve tested on (Samsung Galaxy A23), but there’s no error in the console log, so it’s hard to know exactly why it fails…