Skip to content

HUD Layout and Tutorial UI Improvements

nxkhxl-04 edited this page Oct 17, 2026 · 2 revisions

Overview

This documentation describes the improvements made to the in-game Heads-Up Display (HUD) and tutorial interface. The changes focus on improving the positioning, readability, and organisation of UI elements, using Minecraft's HUD as a visual reference.

Objectives

The objectives of these changes are to:

  • Improve the positioning of the health and stamina bars.
  • Organise the currency display alongside the Shop label.
  • Position the tutorial box in the centre of the screen.
  • Create a cleaner and more intuitive user interface.

UI Changes Implemented

Health Bar

The health bar was repositioned to align with the updated HUD layout, taking inspiration from Minecraft's health display.

Purpose:

  • Improve the visual organisation of the player's status information.
  • Make health information easier to locate during gameplay.
  • Maintain consistency with the overall HUD arrangement.

Stamina Bar

The stamina bar was repositioned to complement the updated health bar layout.

Purpose:

  • Improve the presentation of player stamina.
  • Maintain visual consistency between health and stamina indicators.
  • Make important player status information easier to identify.

Gold Coins Label

The gold coins label was moved to the top-right corner of the screen, next to the Shop label.

Purpose:

  • Group currency information with the Shop interface.
  • Improve the organisation of the top-right section of the HUD.
  • Make the player's available currency easier to locate when accessing the Shop.

Tutorial Box

The tutorial box was repositioned to the centre of the screen.

Purpose:

  • Make the tutorial more prominent when displayed.
  • Improve the visibility of the available controls.
  • Provide a more central and accessible presentation of gameplay instructions.

Design Rationale

The changes follow three main UI design principles:

  • Visual consistency: Related HUD elements should follow a consistent layout.
  • Information grouping: Related elements, such as currency and the Shop label, should be positioned close to one another.
  • Visibility: Important information, such as tutorial instructions, should be presented where players can easily notice and read it.

Minecraft's HUD was used as a visual reference for positioning the health and stamina indicators.

Expected Outcome

These improvements provide a more organised HUD and a more prominent tutorial interface. The updated layout is intended to make important gameplay information easier to locate while maintaining the existing functionality of the game.

Scope

This documentation covers the following UI changes:

  • Health bar repositioning.
  • Stamina bar repositioning.
  • Gold coins label repositioning.
  • Tutorial box repositioning.

It does not claim changes to the underlying health, stamina, currency, or tutorial gameplay systems.

Clone this wiki locally