# OIT+Mobile: issue where transparent meshes become invisible

**URL:** <https://forum.babylonjs.com/t/oit-mobile-issue-where-transparent-meshes-become-invisible/44257>\
**Category:** Bugs\
**Tags:** mobile, transparency\
**Created:** [September 19, 2023, 10:17am UTC](https://forum.babylonjs.com/t/oit-mobile-issue-where-transparent-meshes-become-invisible/44257 "2023-09-19T10:17:16Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![etrinh](https://avatars.discourse-cdn.com/v4/letter/e/54ee81/32.png) [@etrinh](https://forum.babylonjs.com/u/etrinh)\
**Post date:** [September 19, 2023, 10:17am UTC](https://forum.babylonjs.com/t/oit-mobile-issue-where-transparent-meshes-become-invisible/44257/1 "2023-09-19T10:17:16Z")

</div>

Hello,

In my project, but reproducible with the provided playground from the documentation: [https://playground.babylonjs.com/#WGZLGJ#3348](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/](https://appetize.io/) online mobile simulator, and it is reproducible the same with proposed mobiles.

Thank you,  
Eric

---

<div class="post-metadata">

**Author:** ![carolhmj](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/carolhmj/32/25918_2.png) [@carolhmj](https://forum.babylonjs.com/u/carolhmj)\
**Post date:** [September 19, 2023, 10:50am UTC](https://forum.babylonjs.com/t/oit-mobile-issue-where-transparent-meshes-become-invisible/44257/2 "2023-09-19T10:50:03Z")

</div>

cc @Evgeni_Popov

---

<div class="post-metadata">

**Author:** ![Evgeni\_Popov](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/evgeni_popov/32/4432_2.png) [@Evgeni\_Popov](https://forum.babylonjs.com/u/Evgeni_Popov)\
**Post date:** [September 19, 2023, 8:39pm UTC](https://forum.babylonjs.com/t/oit-mobile-issue-where-transparent-meshes-become-invisible/44257/3 "2023-09-19T20:39:43Z")

</div>

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…

---

<div class="post-metadata">

**Author:** ![Guid21](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/guid21/32/42617_2.png) [@Guid21](https://forum.babylonjs.com/u/Guid21)\
**Post date:** [September 26, 2024, 8:34am UTC](https://forum.babylonjs.com/t/oit-mobile-issue-where-transparent-meshes-become-invisible/44257/4 "2024-09-26T08:34:50Z")

</div>

Tell me, were you unable to fix this problem?

---

<div class="post-metadata">

**Author:** ![Evgeni\_Popov](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/evgeni_popov/32/4432_2.png) [@Evgeni\_Popov](https://forum.babylonjs.com/u/Evgeni_Popov)\
**Post date:** [September 26, 2024, 9:33pm UTC](https://forum.babylonjs.com/t/oit-mobile-issue-where-transparent-meshes-become-invisible/44257/5 "2024-09-26T21:33:11Z")

</div>

We didn’t found the problem, indeed.
