What node should I use for multiple UI layers

Godot Version

4.2.2

Question

Hello, I want to build an UI as the following.

When I click [load], [Gallery] or [Setting], I want a new layer appear on the window. What node should I use for this layer ? I will need multiple layers for [load], [Gallery], [Setting] or [About].

Here I use a CanvasLayer Node and add a texture button on it. However, I can’t align the button to the bottom of the window if I just use the anchor preset (left-bottom), I have to adjust its position manually.

Canvas Layer I think. But you may want to reorganize the tree hierarchy.

for changing between scenes you can use a tab container with tabs hidden, then change the current tab. this would however be instant and not be able to be animated.

another way is to use a wide Control with all your menues and shift it with code.

another way is to use window nodes, you would spawn a window similar to counter-strike/half-life.

and then there’s the more difficult way of using different Controls and moving them/animating them with Tweens in code. you don’t need canvaslayers, all you need is a control that blocks inputs like Panel, or just set the mouse of a control to stop.
you move this scene in front of the current scene.
remember that nodes are drawn in the order they appear in the tree.

Thanks for your detailed answer. I’ll try them as much as I can.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.