Skip to main content

UI Elements

Your project contains a number of files in assets/ui with fixed file names that define parts of your game's user interface. Editing these files allows you to change the default font, set the window frame and modify the selection cursor.

If you remove any of the files in the ui folder they will be replaced with the default assets the next time you build your game allowing you to revert any unwanted changes.

frame.png

The game engine uses 9-slice scaling of this image to create the frame around text boxes. Editing this image will allow you to change the frame design or set it to a solid color.

cursor.png

This image is used as a selection cursor when showing multiple choice options in your game.

Requirements

UI PNGs must only contain the following four colors:

#071821
#306850
#86c06c
#e0f8cf

Download the GB Studio Palette Swatches for:
Adobe Photoshop
Aseprite

Fonts

Fonts are stored in assets/fonts, see Settings for more information.

Emotes

Emotes are stored in assets/emotes and must be defined as 16px x 16px sized .png files following the same color requirements used for creating spritesheets. You can display an emote by using the Show Emote Bubble event in a script.

Avatars

Avatars are stored in assets/avatars and must be defined as 16px x 16px sized .png files following the same color requirements used for creating spritesheets. You can display an avatar in a Display Text event by clicking Add Avatar within the event.