HUDFull-screen tactical overlay
Battle Grid
The tactical battle interface with movement, threat, and preview overlays.
TacticalOverlayCritical
Purpose
Render the deterministic battle state legibly: movement ranges, threat zones, facing, and exact damage previews.
Components
- Tile highlight layers (move / attack / threat)
- Unit facing indicator
- Damage preview tooltip
- Turn order ribbon
- Selected unit action bar
Parameters
| Parameter | Value | Type | Notes |
|---|---|---|---|
| Move highlight color | Accent blue | token | — |
| Threat highlight color | Destructive red | token | — |
| Preview latency | < 50 ms | duration | — |
Controls
- Hover or focus a tile to preview the move.
- Click to commit the highlighted action.
- Toggle threat overlay with a dedicated control.
Logic & states
- Threat overlay aggregates all enemy reachable-attack tiles.
- Damage preview recomputes on every tile focus change.
- Committed actions lock input until resolution completes.
Scenarios
Threat-aware move
- Given
- The threat overlay is enabled.
- When
- The player hovers a destination tile inside a threat zone.
- Then
- The preview shows incoming overwatch damage before the player commits.
Edge cases
- Overlapping move and threat tiles render threat on top.
- Preview must clear immediately when focus leaves the grid.