Retro HUD
8-bit HUD parts: pixel hearts, segmented health and XP bars with flashes, a rolling coin counter, an inventory slot grid and a tile minimap.
Preview
Player 1
HP72/100
XP · Lv 796/120
Red potion
Map · Vell
QuestRoadWaterWall
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| RetroHearts | { value, max } | — | Pixel hearts; value may be a half (2.5). |
| RetroBar | { value, max, label, tone?: "health" | "xp" | "mana", cells?, valueText?, flash? } | tone "health", cells 16 | Segmented bar; health turns red under 30%; a new flash value flashes it. |
| RetroCounter | { value, digits?, label, icon? } | digits 4 | Zero-padded score with digits that roll in four hard steps. |
| RetroInventory | { slots, columns?, selected?, defaultSelected?, onSelectedChange?, label? } | columns 4 | Radio-group slot grid; slots are { id, name, sprite, count?, tone? } or null. |
| RetroMinimap | { map: string[], player: [col, row], label? } | — | Tile map: ~ water, . grass, = road, # wall, * point of interest. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.