Handle z-index for gui loaded through collection proxy (SOLVED)

Questions
1

Hello,
I am new to Defold. I’m making a simple game and I use GitHub - britzl/monarch: Monarch is a Defold screen manager with transition support and a straight forward API to manage screens.
This is my main collection

Screenshot%20from%202018-08-03%2012-39-50
Screenshot%20from%202018-08-03%2012-39-50422×775 35.2 KB

There is a hud.gui in the game.collection to show question and score, and gameover.gui in gameover.collection to show some message.
I set game over screen to display as popup. When navigating to gameover screen, the nodes from hud.gui and gameover.gui mixed up.

This is my main game screen

Screenshot%20from%202018-08-03%2012-33-49
Screenshot%20from%202018-08-03%2012-33-49630×1030 58.5 KB

And this is what it looks when showing gameover screen

Screenshot%20from%202018-08-03%2012-34-38
Screenshot%20from%202018-08-03%2012-34-38640×1047 65.9 KB
!

I have tried to change the z-index of the gui and the collection proxy but neither of them work.

1 Like
2

Not entirely sure what the problem is here. Do you need to control render order of the gui scenes? If so: https://www.defold.com/ref/gui/#gui.set_render_order:order

3 Likes
3

After I set render order, it works as expected now.
Thank you. :star_struck:

2 Likes
4

Gui scenes and nodes completely ignore the z-value. You need gui.set_render_order() if you wish to control the render order of multiple gui components.

1 Like