Z-index problem: Texture on mesh disappears on certain camera angles when over the top of a mesh with a reflection texture

Questions
1

Texture on mesh disappears on certain camera angles when over the top of a mesh with a reflection texture

Unfortunately this problem does not occur in Playground.

I have copied all playground settings including babylon js version , but problem still persists.

The materials are babylon node materials, the overlay is a png with alpha

image
image735×592 27.3 KB

image
image742×576 16.9 KB

any help would be much appreciated

2

Welcome aboard!

Without a repro, it will be hard to help… Are you able to provide a link on a repro somewhere, even if it’s not in the Playground?

3

Thanks for the repliy, Unfortunatly I can not due to work.

4

it looks like you have two meshes with alpha and there distance from the camera order would change depending on view point.

you could for an alpha index for instance to ensure the correct rendering order.

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

2 Likes
5

Hi, Thanks for the repliy,I have solved the problem by just centering the overlay, Thats why it worked in Playground. I will however try the Alpha index as you suggested, Thanks again for your help

1 Like
6

Thanks sebavan the apha index worked - https://playground.babylonjs.com/#WW6T10#12

1 Like