# How to keep all mesh faces visible with alpha transparency?

**URL:** <https://forum.babylonjs.com/t/how-to-keep-all-mesh-faces-visible-with-alpha-transparency/7734>\
**Category:** Questions\
**Created:** [December 23, 2019, 3:35pm UTC](https://forum.babylonjs.com/t/how-to-keep-all-mesh-faces-visible-with-alpha-transparency/7734 "2019-12-23T15:35:56Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![TiagoSilvaPereira](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/tiagosilvapereira/32/25835_2.png) [@TiagoSilvaPereira](https://forum.babylonjs.com/u/TiagoSilvaPereira)\
**Post date:** [December 23, 2019, 3:35pm UTC](https://forum.babylonjs.com/t/how-to-keep-all-mesh-faces-visible-with-alpha-transparency/7734/1 "2019-12-23T15:35:56Z")

</div>

Hi guys,

Greetings everyone!

Is there a way to keep all faces of my mesh being rendered with alpha transparency? I already disabled backface culling, but as you can see in this playground [Babylon.js Playground](https://www.babylonjs-playground.com/#IXYHWT), it is hiding some internal faces depending on the camera angle of view.

Rendering the frontal faces on internal mesh:

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/4/40f5b147e91e171adfba23522769e322c03e4d19.jpeg)

Not rendering the frontal faces on internal mesh:

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/0/09097d3a22ef0d6a4a6efc5fa7376623eb8de0aa.jpeg)

Is there a way to force rendering all the mesh faces, regardless of the camera angle, if I’m using alpha transparency?

Thanks for helping!!

---

<div class="post-metadata">

**Author:** ![adam](https://avatars.discourse-cdn.com/v4/letter/a/4af34b/32.png) [@adam](https://forum.babylonjs.com/u/adam)\
**Post date:** [December 23, 2019, 8:33pm UTC](https://forum.babylonjs.com/t/how-to-keep-all-mesh-faces-visible-with-alpha-transparency/7734/2 "2019-12-23T20:33:03Z")

</div>

To me, it looks like you have a z-ordering issue. If each container doesn’t have to be composed of multiple meshes, I’d try merging the meshes to see if that fixes the problem.

[https://doc.babylonjs.com/how\_to/how\_to\_merge\_meshes#native-babylonjs-function](https://doc.babylonjs.com/how_to/how_to_merge_meshes#native-babylonjs-function)

---

<div class="post-metadata">

**Author:** ![TiagoSilvaPereira](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/tiagosilvapereira/32/25835_2.png) [@TiagoSilvaPereira](https://forum.babylonjs.com/u/TiagoSilvaPereira)\
**Post date:** [December 23, 2019, 9:08pm UTC](https://forum.babylonjs.com/t/how-to-keep-all-mesh-faces-visible-with-alpha-transparency/7734/3 "2019-12-23T21:08:00Z")

</div>

Hi @adam thank you for responsing… unfortunately I need the meshes separated 😅

---

<div class="post-metadata">

**Author:** ![adam](https://avatars.discourse-cdn.com/v4/letter/a/4af34b/32.png) [@adam](https://forum.babylonjs.com/u/adam)\
**Post date:** [December 23, 2019, 10:29pm UTC](https://forum.babylonjs.com/t/how-to-keep-all-mesh-faces-visible-with-alpha-transparency/7734/4 "2019-12-23T22:29:30Z")

</div>

You can try setting the alphaIndex for each mesh.

[https://doc.babylonjs.com/resources/transparency\_and\_how\_meshes\_are\_rendered#alpha-index](https://doc.babylonjs.com/resources/transparency_and_how_meshes_are_rendered#alpha-index)

---

<div class="post-metadata">

**Author:** ![TiagoSilvaPereira](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/tiagosilvapereira/32/25835_2.png) [@TiagoSilvaPereira](https://forum.babylonjs.com/u/TiagoSilvaPereira)\
**Post date:** [December 26, 2019, 3:46pm UTC](https://forum.babylonjs.com/t/how-to-keep-all-mesh-faces-visible-with-alpha-transparency/7734/5 "2019-12-26T15:46:42Z")

</div>

Thanks @adam I’ll try it

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [January 2, 2020, 1:15pm UTC](https://forum.babylonjs.com/t/how-to-keep-all-mesh-faces-visible-with-alpha-transparency/7734/6 "2020-01-02T13:15:58Z")

</div>

It is exactly what `separateCullingPass = true;` is sorting: [Transparency and How Meshes Are Rendered - Babylon.js Documentation](https://doc.babylonjs.com/resources/transparency_and_how_meshes_are_rendered#how-to)

[https://www.babylonjs-playground.com/#IXYHWT#1](https://www.babylonjs-playground.com/#IXYHWT#1)

---

<div class="post-metadata">

**Author:** ![TiagoSilvaPereira](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/tiagosilvapereira/32/25835_2.png) [@TiagoSilvaPereira](https://forum.babylonjs.com/u/TiagoSilvaPereira)\
**Post date:** [January 3, 2020, 2:45pm UTC](https://forum.babylonjs.com/t/how-to-keep-all-mesh-faces-visible-with-alpha-transparency/7734/7 "2020-01-03T14:45:54Z")

</div>

Hi @sebavan thanks for responding! I tried with separateCullingPass, but I had the same issue… as you can see in your playground: [https://www.babylonjs-playground.com/#IXYHWT#1](https://www.babylonjs-playground.com/#IXYHWT#1)

Seeing from top:

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/9/9e7d795d6345c4d84e2702a0ec067450c6e7211c.jpeg)

Seeing from bottom:

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/e/e2604eedd7f477520e7db020cd16ff5813617e6e.jpeg)

The frontal faces of the internal mesh is hidden when seeing the scene from the bottom, although these faces come first to the POV, I believe…

Thanks!

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [January 3, 2020, 3:47pm UTC](https://forum.babylonjs.com/t/how-to-keep-all-mesh-faces-visible-with-alpha-transparency/7734/8 "2020-01-03T15:47:47Z")

</div>

could you split the internal mesh as a separate one ? so that you could always render it first solving it all ?

---

<div class="post-metadata">

**Author:** ![TiagoSilvaPereira](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/tiagosilvapereira/32/25835_2.png) [@TiagoSilvaPereira](https://forum.babylonjs.com/u/TiagoSilvaPereira)\
**Post date:** [January 3, 2020, 6:30pm UTC](https://forum.babylonjs.com/t/how-to-keep-all-mesh-faces-visible-with-alpha-transparency/7734/9 "2020-01-03T18:30:16Z")

</div>

@sebavan I think yes, I’ll try splitting these meshes! Thanks bro!!
