JonVarner Posted August 23, 2018 Share Posted August 23, 2018 I am working with a mesh of a book and one desktop things look correct. However, when I run it on mobile I get a lot of z fighting. I was wondering if someone might know what might be happening and be able to point me in the right direction. In this example you can see the surface below showing through the upper one. On desktop this does not happen. Quote Link to comment Share on other sites More sharing options...
brianzinn Posted August 23, 2018 Share Posted August 23, 2018 Are you using transparency or they are opaque? Looks like transparency or meshes are in the same position - you can use renderingGroupId if the latter is the case. https://doc.babylonjs.com/resources/transparency_and_how_meshes_are_rendered Quote Link to comment Share on other sites More sharing options...
Guest Posted August 23, 2018 Share Posted August 23, 2018 If this is pure zfighting you can also use material.zOffset Quote Link to comment Share on other sites More sharing options...
JonVarner Posted August 23, 2018 Author Share Posted August 23, 2018 It is pure zfighting as its just basically a a bunch of panes stack slightly above each other. The problem is not visible on desktop, just on mobile. I will try the zOffset on the materials. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.