Title screen
The purpose of the title screen is to introduce the game and give a way to start it by pressing a button. This section will not go into much detail on the styling – you should experiment with the settings and try to make it look pleasing.
Start your TitleScreen
scene with a Control
node and add a Label
and a TextureButton
plus a TextureRect
for the background.
You can use styled_sky.hdr
for the TextureRect
’s Texture property. It’s a lot bigger than the screen size, so feel free to scale and/or position it as you like.
For TextureButton
, there are three images in the res://assets/buttons/
folder for the Normal, Pressed, and Hover textures. The images are quite large to allow for sizing, so you can check Ignore Texture Size and set Stretch Mode to Keep Aspect to allow you to resize it.
The Label
node is there to display the game’s title. Set up the font with large font size, such as 128
. Arrange Label
and TextureButton
on the screen...