Visual Improvements

Purpose

Some aspects of the UI and HUD are cluttered, unclear or inconsistent with the games Design Guide. Some small UI fixes were made to alleviate the inconsistencies and clean up cluttered elements of the UI.

Main Game UI

Progress Bar

The progress bar's aspect ratio was inconsistent with it's design as shown on it's wiki page. The aspect ratio made the bar's design look stretched, and it also took up a large amount of the top of the screen.

Changes:

• The aspect ratio was fixed to mirror it's wiki page representation.

Top-left text

The text in the top-left UI had inconsistent spacing and was sometimes overlapping. All of the text being the same size and colour also made it unclear how 'important' certain information was with respect to others, and whether or not information was related. Some of the information was also outdated, such as the Box Forest text in the top-left corner.

Changes:

• The Box Forest level title was changed to Level One and Level Two for the two current game levels.
• The Score was moved to the centre of the screen due to it's nature being similar to the Progress Bar
• The Lives and Sprint font size was reduced
• The Sprint label was moved to no longer overlap the Lives icon.
• The Health label was removed as it's information is present in the players' Health Bar.
• The Buff / Debuff label was moved to the centre of the screen, made smaller and set to gray, since it's nature is dissimilar to the other labels. This also reduced the clutter in the top-left UI.

UI Buttons colours

The colour of the buttons throughout the game were still the default Green, which clashed heavily with the other design elements of the game.

Changes:

• The button colouring was changed to something which better suited the colour palette outlined in the Design Guide.