UI Skin
The UI Skin is a centralised style for all the Scene2d.ui components in the game. By using a skin file, a consistent design can be maintained across the project without having to manually updated this for every UI component.
These can be set by updating the skin class variable of the UIComponent class.
There are 17 UI Components that are affected by the skin -
- Button
- CheckBox
- ImageButton
- ImageTextButton
- Label
- List
- ProgressBar
- ScrollPane
- SelectBox
- Slider
- SplitPane
- TextButton
- TextField
- TextTooltip
- Touchpad
- Tree
- Window
For each of the three following skins, each of the components were styled. A key note is that many of the base images were developed into NinePatch assets which allows simple bitmap images to become scalable without distortion.
The space themed skin was based on the Kenney UI Pack and the Kenney UI Pack (Space Expansion) fonts and image assets. The spritesheet for this skin can be seen below -
The pixel theme has two variants - blue and orange. Both skins were developed using the Kenney UI Pack and Kenney Pixel font. The spritesheets for both styles can be seen below (note that both themes are packed into the same spritesheet as they are color variants -
