# Remove overlaps

**URL:** <https://forum.babylonjs.com/t/remove-overlaps/50299>\
**Category:** Questions\
**Created:** [May 5, 2024, 5:31pm UTC](https://forum.babylonjs.com/t/remove-overlaps/50299 "2024-05-05T17:31:24Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![mmt8](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mmt8/32/39511_2.png) [@mmt8](https://forum.babylonjs.com/u/mmt8)\
**Post date:** [May 5, 2024, 5:31pm UTC](https://forum.babylonjs.com/t/remove-overlaps/50299/1 "2024-05-05T17:31:24Z")

</div>

I’d like to remove the meshes inside a box. Is there any idea.

---

<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:** [May 6, 2024, 10:04am UTC](https://forum.babylonjs.com/t/remove-overlaps/50299/2 "2024-05-06T10:04:35Z")

</div>

I don’t see how to remove these faces: they are front facing, so they will be visible because your objects are transparent…

You can set the `needDepthPrePass` property of the material, but it won’t fully work, because it depends on the order the faces are sorted:

> **[Babylon.js Playground](https://www.babylonjs-playground.com/#2KG0X1%237)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes