Major updates to the HUD and selectable objects

This commit is contained in:
Matt F 2026-05-11 23:57:35 -07:00
parent 5bc757b385
commit c100db52e5
23 changed files with 1615 additions and 614 deletions

View file

@ -43,29 +43,43 @@
</ui:VisualElement>
</ui:VisualElement>
<ui:VisualElement name="bottom-ui" class="bottom-ui">
<ui:VisualElement name="minimap" class="minimap"/>
<ui:VisualElement name="portrait-box" class="portrait-box">
<!-- Section 1: Minimap (tall frame) -->
<ui:VisualElement name="minimap-frame" class="minimap-frame">
<ui:VisualElement name="minimap" class="minimap"/>
</ui:VisualElement>
<!-- Section 2: Portrait (short frame) -->
<ui:VisualElement name="portrait-frame" class="portrait-frame">
<ui:VisualElement name="portrait-image" class="portrait-image"/>
<ui:Label name="level-label" text="" class="level-label"/>
</ui:VisualElement>
<!-- Section 3: Info Panel — name + contextual stat lines (short frame).
The build-progress block is hidden by default and only shown when
a BuildSiteVisual is selected (HUDController toggles via style.display). -->
<ui:VisualElement name="info-frame" class="info-frame">
<ui:Label name="portrait-name" text="" class="portrait-name"/>
<ui:VisualElement name="stat-lines" class="stat-lines"/>
<ui:VisualElement name="build-progress" class="build-progress" style="display: none;">
<ui:VisualElement name="build-progress-bg" class="build-progress-bg">
<ui:VisualElement name="build-progress-fill" class="build-progress-fill"/>
</ui:VisualElement>
<ui:Label name="build-progress-percent" text="0%" class="build-progress-percent"/>
</ui:VisualElement>
</ui:VisualElement>
<ui:VisualElement name="command-grid" class="command-grid"/>
<ui:VisualElement name="side-col" class="side-col">
<ui:Button name="upgrade-btn" class="cmd-btn side-btn">
<ui:Label text="↑" class="cmd-icon"/>
<ui:Label text="Upgrade" class="cmd-name"/>
</ui:Button>
<ui:VisualElement class="side-empty"/>
<ui:Button name="sell-btn" class="cmd-btn side-btn">
<ui:Label text="✕" class="cmd-icon"/>
<ui:Label text="Sell" class="cmd-name"/>
</ui:Button>
</ui:VisualElement>
<ui:VisualElement name="tooltip-box" class="tooltip-box">
<!-- Section 4: Tool Tip — shows info for whatever the player hovers in the action menu (short frame) -->
<ui:VisualElement name="tooltip-frame" class="tooltip-frame">
<ui:Label name="tt-title" text="" class="tt-title"/>
<ui:Label name="tt-desc" text="" class="tt-desc"/>
<ui:Label name="tt-stats" text="" class="tt-stats"/>
<ui:Label name="tt-cost" text="" class="tt-cost"/>
</ui:VisualElement>
<!-- Section 5: Action Menu (tall frame). Hides entirely when nothing actionable is selected. -->
<ui:VisualElement name="action-frame" class="action-frame">
<ui:VisualElement name="command-grid" class="command-grid"/>
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
</ui:UXML>