Player Heads Up Display (HUD)
The player heads up display (HUD) refers to the player information displayed in the top left of the screen during the main game (does not appear in menu screens). The elements included in the HUD are:
- Current planet display
- Player health bar
- Player dodge status
- Current player lives
- Current weapon ammunition
Numerous assets were created (by Damian Bellew using Piskel) for the HUD. These include:
-
HUD element frames
-
HUD element fills
Planet Display
The current planet is displayed in the top left of the screen. The UI includes the associated planet image used in the space-map screen. Below that in the frame, the name of the planet is displayed
Health Bar
The health bar is the top element of the player stats section of the HUD. It is a green bar (green is intuitively indicative of health) which resizes depending on the health of the player. To the right, the numerical value of player health is displayed.
Each time the player's health changes, the bar width and health label change accordingly.
When the player's health drops below 40%, it changes to an orange fill, to warn the player of low health. When the health drops below 20%, then the fill transitions to red.
Dodge Bar
The dodge bar is a blue bar which indicates the availability of the dodge move. When available, the bar is full, and a "Ready!" label is displayed. When unavailable, the bar displays a "refilling" animation, and there is not "Ready!" label.
Each time the player dodges, the bar width and dodge label change accordingly. Additionally, the bar fill temporarily becomes a dark blue, indicating that the dodge is not yet ready.
Player Lives
Simply, the number of player lives is displayed as the number of hearts.
Current Weapon Ammunition
Within the current weapon ammunition HUD element, there are 3 pieces of information displayed to the user. First, is an image of the currently equipped weapon, next is the current ammunition of the equipped weapon, and finally is the total max ammunition of the equipped weapon.
The UML diagram has been designed in accordance with PlayerStatsDisplay Class.