3D and 2D GUI together - ZIndex

Questions
1

image
image772Ɨ218 28.4 KB

Hello All,

I am using Babylon GUI (Advanced dynamic Texture) and Babylon 3D GUI as well. In the attached screenshot, mesh with G as label is 3D gui and rest in dynamic texture.

As you can see 3D GUI is coming on the top of texture. I want to know is there a way if i can put 3D GUI behind the texture ? My requirement is to make Advance Dynamic texture at the top.

2

Hello,

Can you share a playground with us?

3

Hi,
I donā€™t think a PG will be needed for that. Itā€™s known that the 3D GUI renders on top of all layers including the FS ADT.

The fix comes in 5 simple steps:

  1. you need a second camera for the 2D GUI
  2. set a layerMask to the gui camera (i.e.

guicamera.layerMask = 0x10000000

then set your adt.layer to this same layerMask, ie.

advancedTexture.layer.layerMask = 0x10000000;

or

advancedTexture.layer.layerMask = guicamera.layerMask;

  1. attach both cameras at once

scene.activeCameras = [camera, guicamera];

  1. set the render camera on the 3D gui to the scene camera:

manager.utilityLayer.setRenderCamera(camera);

  1. If you need to act on these cameras, detaching them or anything, make sure you call first ā€˜scene.activeCameras = [camera, bgcamera]ā€™ and then call again ā€˜manager.utilityLayer.setRenderCamera(camera)ā€™

Hope I didnā€™t forget any part :grin:. Let me know if anythingā€¦

4

Thanks Mawa !!

I will try this and update hereā€¦

5

Forgot to mention. Any camera for the gui will do since it renders on a fullscreen layer anyways. Usually, I simply clone the scene camera.

guicamera = camera.clone(ā€œguicameraā€)

6

Can we have a Playground for this ?

7

I guess so. Itā€™s just not very sexy (my apologies :pray:). I was supposed to prepare a better version to be added to the deep-dive layer mask section of the doc but it looks like I didnā€™t do my homework :face_with_hand_over_mouth:

I hope it still has the content you are looking for (depite from looking uggly :grin: