Shader render order on mobile (iOS)

Universal AR PlayCanvas
#1

Hi!
Copying this from the thread over at the PlayCanvas forum: https://forum.playcanvas.com/t/shader-render-order-on-mobile/21614

We are experiencing some issues with a custom hologram shader we made. When we test the shader on pc everything is ok and the other 3D elements in the scene render in front of the mesh of the shader. Since it is a mobile AR experience we tested it out on mobile and there the 3D object is rendered behind the hologram shader. Are there any fixes for this? (f.e. depth testing in shaders?)

We have managed to find out on the PlayCanvas forum that it is only an issue on ios and nog android. See images attached.

Thanks!

#2

android ios

#3

Hey @frederic.vanderheyde,

I’ve replied in the original thread here.

tl;dr: It looks like the issue occurs without Universal AR if bloom pass is not applied to the camera.