Skip to content

UI Document

maciadalmau edited this page Mar 8, 2020 · 36 revisions

This document includes all menus and hud, from a technical and an artistic point of view for our game. In addition, it provides all sprites ready to be used.

From a technical point of view, our main objective is to create an intuitive and comfortable UI system for the player. On the other hand, from the artistic point of view, we would like to preserve the style of Fallout and that feeling of being in a post-apocalyptic world.


Menu Flow Diagram

Menu Flowchart

Pause Menu Flowchart

Main Menu UI

Main Menu is the first screen you see when you enter the game, is composed by a background texture and a serie of buttons options:

  • New Game Button: If is the first time you are playing charge a new game if you played before this button overwrite the last game.
  • Load Game Button: Load the last game you played.
  • Settings Button: Where you can adjust the music volume, sound effects and framerate.
  • Credits Button: Display the credits of the game.
  • Exit: Close the game.

  • Setting Button: Open a menu with some characteristics:
    1. Cap Button: Limit the fps to 60 if is activated, else the game is not capped.
    2. Mute Button: Puts the music and fx volume to zero.
    3. Back Button: Returns to main menu.
    4. Music Volume Slider: You can chage the volume of the music from 0 to 100.
    5. Fx Volume Slider: You can chage the volume of the music from 0 to 100.


Select Faction UI

In this menu you can choose the faction that you are going to play with. For a better visualization there are a photos of the four gatherers of each faction and under the initial troops of each type.


In Game UI

The in game UI have different parts. At the top left of the window you can see the resources you have Nuka Cola's bottle caps, water and food and the amount of them.

In the left lower part you can see the minimap and the remaining time. In the central part of the lower bar you can see the fourth different factions that the game has, Brotherhood, Ghouls, SuperMutants and VaultDwellers.

In each faction you can see three different icons from the three different types of troops, Gatherers, Melees and Rangeds. When you select one of this troops at the screen in the right part of the window you can see the stats a photo and if you want to select all. Over the screen you have a Menu button with which you can open the menu.

During the game you can unlock the three factions that are remaining, if the faction is blocked there will be a black screen that disable the control of that faction.

In Game UI

Also when you open the Pause menu you can return to the game, exit the game or change the settings.


Creation of UI

We search different types of UI to inspiration, Starcraft, Age of Empires and of course Fallout 1,2 and Tactics. Since the purpose of our game is different than the original Fallouts we start doing our own UI sprites, we have followed this guide to have a better UI "How to Create A RTS Game UI".


UI UML

UML UI


Atlas

We already create an Atlas and it's ready to use.

Link to download here

Clone this wiki locally