Game User Interface

Title Screen

For the Title Screen I designed a very simple UI. It includes:

• An advertising button, linking to pigdev's itch.io page
• An animated moon representing the game's main event
• An achievements and skins button which will change the scene to the AchievementsScreen
• A sound interface which contains a sound button to mute and unmute, and a slider to manually set the volume which can also be achieved by using the KEY_VOLUMEUP and KEY_VOLUMEDOWN
• Play and credits buttons, respectively changing the current scene to PlayScreen and CreditsScreen
• Three languages buttons which will localize the game to the respective language:
  • Brazillian Portuguese
  • American English
  • Japanese

Check the basic design at the Menu Layout page.

The implementation in Godot follows some rules:

1. Everything is a Control or inherited nodes
2. No manual positioning, everything is done using Control and Containers
3. Use resolution_changed(resolution, manager) signal of the ScreenMargin class to communicate which node should be Control.hide() or Control.show()

The current result, which is kinda responsive looks like that: