Skip to content

UI System

HUD

The HUD is a single collapsable menu bar at the bottom of the screen. When collapsed, only a toggle button is visible. Tapping the toggle expands the bar to reveal three menu buttons:

  • Inventory - Opens the inventory menu (gold, items)
  • Equipment - Opens the Equipment Slot Menu (equip and swap gear)
  • Skills - Opens the skills menu (skill levels, XP progress)

There are no persistent on-screen elements like HP bars or gold counters. All combat feedback (HP bars, damage numbers) is rendered in-world, floating above entities.

Tapping a menu button opens that menu as a panel overlay. Only one menu can be open at a time. Tapping outside the panel or tapping the same button again closes it. Menus are accessible from anywhere, during combat or while idle.

Mobile

The menu bar sits at the bottom of the screen for thumb accessibility. Touch targets are sized for mobile. The collapsed toggle button stays out of the way during gameplay.

Open Questions

Exact menu panel layouts for Inventory, Equipment, and Skills. Auto-battle toggle placement (menu bar button or in-world tap?). Vendor/Shop UI and Checkpoint Map UI layouts.