Backpack texture overlay issue in any character position

Bugs
1

I’m facing an issue with my character model where the backpack is overriding other textures and geometry, regardless of the character’s position. No matter the perspective, the backpack is always rendered on top of other elements, even when it should be partially obscured. I suspect this could be related to z-fighting or incorrect rendering order/priority settings. I’ve checked the bone attachment, and everything seems fine, but the issue persists.

What could be causing this, and which settings or parameters should I look into to fix the backpack rendering correctly?

Thanks in advance!

2

Hello! Welcome aboard!

Try to set the needDepthPrePass property of the material(s) to true.

Also read this part of the docs. You’d find a lot of informatoin about transparent rendering here:

https://doc.babylonjs.com/features/featuresDeepDive/materials/advanced/transparent_rendering

3

Roland, Hi! Thanks for your reply.
I tried using the needDepthPrePass option, but as you can see on the screenshot, the skeletons and backpack on the back of the figure disappeared.

Example:

1 Like
4

what helped me was - scene.useOrderIndependentTransparency = true;

4 Likes
5

I want to point out that this asset in the PG is not a portable glTF. A glTF asset should not require special flags to render correctly. If this is a closed ecosystem, then it’s okay. If this is intended to be public / generic, we have to be careful not to fragment the ecosystem.

Dealing with transparency in glTF can be tricky sometimes. Some of the newer glTF PBR extensions can help with this, especially transmission and volume.

2 Likes
6

Unfortunately, the problem was solved only on computers. If you look at it from a phone, for example, from an iPhone, the model simply disappears.