Setting Up a Background Image in Godot

 To add a background, we will first need to add a Sprite2D as a child of our scene.

In the FileSystem, you will need to drag and drop your background image file.

With the Sprite2D selected, look over at the Inspector dock. Where it says Texture <empty> click on the check mark.

At the bottom of the pop-up menu, click Load...

Then select your image file and click Open.

In the Scene dock, right click on the Sprite2D and then select Attach Script...

Now we need to center the background and if necessary, scale the background.

To center the background, write a position code in your script. It should be equal to half the length of the image file and half the width. Place the position and scale code into the _ready() function. That is the function that gets called when the image is first loaded.

func _ready() -> void:
	position = Vector2(640, 360) #change these values to suit your image
	scale *= 1.5

The last thing needed is to make sure the background image always stays behind all other images.

In the Inspector dock, look under Ordering. Set the Z Index to -1.

And now your background should be ready to go.

Next Topic: Input Map