# When rotating the view from top to down parts are overlapping at some point

**URL:** <https://forum.babylonjs.com/t/when-rotating-the-view-from-top-to-down-parts-are-overlapping-at-some-point/17853>\
**Category:** Questions\
**Tags:** material\
**Created:** [January 25, 2021, 7:07pm UTC](https://forum.babylonjs.com/t/when-rotating-the-view-from-top-to-down-parts-are-overlapping-at-some-point/17853 "2021-01-25T19:07:06Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![pcarret](https://avatars.discourse-cdn.com/v4/letter/p/a3d4f5/32.png) [@pcarret](https://forum.babylonjs.com/u/pcarret)\
**Post date:** [January 25, 2021, 7:07pm UTC](https://forum.babylonjs.com/t/when-rotating-the-view-from-top-to-down-parts-are-overlapping-at-some-point/17853/1 "2021-01-25T19:07:06Z")

</div>

Hello,

I have a weird visualization results

Scene contains only two single and simple parts  
When rotating the view from top to down, they are visually overlapping on some camera angles.

Test and Check can be done here [https://playground.babylonjs.com/#NXT1DQ#6](https://playground.babylonjs.com/#NXT1DQ#6)

This is even more obvious on bigger scene where the visual effect is unusual.  
[https://playground.babylonjs.com/#NXT1DQ#4](https://playground.babylonjs.com/#NXT1DQ#4)

The issue is only with some specific camera angle  
This issue reminds me some bad OpenGL normal orientation but it seems that normals are ok.

Normals looks coherent here .

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

---

<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:** [January 25, 2021, 8:34pm UTC](https://forum.babylonjs.com/t/when-rotating-the-view-from-top-to-down-parts-are-overlapping-at-some-point/17853/2 "2021-01-25T20:34:01Z")

</div>

All your materials have “transparency mode=alpha blend”. So the system will sort the meshes and display them from back to front instead of using the zbuffer, which will produce those artifacts. As it seems there’s no transparency in your textures, you should set the transparency mode to `OPAQUE` for your materials.

---

<div class="post-metadata">

**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\
**Post date:** [January 25, 2021, 10:01pm UTC](https://forum.babylonjs.com/t/when-rotating-the-view-from-top-to-down-parts-are-overlapping-at-some-point/17853/3 "2021-01-25T22:01:45Z")

</div>

This one looks better - [https://playground.babylonjs.com/#NXT1DQ#7](https://playground.babylonjs.com/#NXT1DQ#7)

` scene.materials.forEach((mat) => mat.transparencyMode = BABYLON.Material.MATERIAL_OPAQUE);`