How do I shift the playfield to make room for a HUD?

Help
,
1

Godot Version

Godot 4.5

Question

Title. This is a 2D game.

Basically, I need to go from having this:

IMG_7657
IMG_7657640Ɨ400 457 Bytes

To having this:

IMG_7658
IMG_7658640Ɨ400 457 Bytes

The blank space will be taken up by the HUD, and the parallax is not affected by the offset.

2

No idea what Iā€™m looking at, but an HBoxContainer should be considered. If the scene is built with Control nodes, this will be the simplest solution. Otherwise, a SubViewportContainer could be used.

1 Like
3

What @zigg3c said. Create a Control node. Put your HUD on the right. Place a SubViewportContainer on the left. Then follow this tutorial: Using Viewports ā€” Godot Engine (stable) documentation in English

4

Using a canvas layer may suffice here.

5

Yeah that would work too. Just move the Node2D parent node to the left of the screen and put the HUD under a CanvasLayer on the right.

6

I came to a different solution: here, control nodes are used to alter the position of both the playfield and the HUD. I thought this made the most sense, since the HUD is supposed to slide in and out depending on what the current scene is. The HUD itself is a child of a pre-existing autoload used for screen shaders.

This is accomplished by using a Vector2 from a different autoload that handles player scores and rapid-fire capabilities, among other things.

IMG_7670