GathererOfSouls/Assets/Resource/UI/GameUI.uxml

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xsi="http://www.w3.org/2001/XMLSchema-instance" engine="UnityEngine.UIElements" editor="UnityEditor.UIElements" noNamespaceSchemaLocation="../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
    <Style src="project://database/Assets/Resource/UI/GameUI.uss?fileID=7433441132597879392&amp;guid=6c7a7ed6d798f6e47848d569781db1ac&amp;type=3#GameUI" />
    <ui:VisualElement name="main-container" class="main-container">
        <ui:VisualElement name="top-hud" class="top-hud">
            <ui:VisualElement name="resources-panel" class="resources-panel">
                <ui:VisualElement name="resource-item" class="resource-item">
                    <ui:VisualElement name="resource-icon wood-icon" />
                    <ui:Label text="Wood:" class="resource-label" />
                    <ui:Label name="wood-amount" text="0" class="resource-amount" />
                </ui:VisualElement>
                <ui:VisualElement name="resource-item" class="resource-item">
                    <ui:VisualElement name="resource-icon stone-icon" />
                    <ui:Label text="Stone:" class="resource-label" />
                    <ui:Label name="stone-amount" text="0" class="resource-amount" />
                </ui:VisualElement>
                <ui:VisualElement name="resource-item" class="resource-item">
                    <ui:VisualElement name="resource-icon food-icon" />
                    <ui:Label text="Food:" class="resource-label" />
                    <ui:Label name="food-amount" text="0" class="resource-amount" />
                </ui:VisualElement>
            </ui:VisualElement>
            <ui:VisualElement name="time-controls" class="time-controls">
                <ui:Label name="time-speed" text="1x" class="time-speed-label" />
                <ui:Button name="pause-button" text="Pause" class="time-button" />
                <ui:Button name="speed-1x" text="1x" class="time-button" />
                <ui:Button name="speed-2x" text="2x" class="time-button" />
                <ui:Button name="speed-10x" text="10x" class="time-button" />
            </ui:VisualElement>
        </ui:VisualElement>
        <ui:VisualElement name="side-panel" class="side-panel">
            <ui:VisualElement name="selection-panel" class="info-panel">
                <ui:Label text="Selection Info" class="panel-title" />
                <ui:Label name="selection-info" text="Nothing selected" class="info-text" />
            </ui:VisualElement>
            <ui:VisualElement name="villager-panel" class="info-panel">
                <ui:Label text="Villager Management" class="panel-title" />
                <ui:Label name="villager-info" text="No villager selected" class="info-text" />
                <ui:VisualElement name="job-buttons" class="job-buttons-container" />
            </ui:VisualElement>
            <!-- Build Menu Panel -->
            <ui:VisualElement name="build-menu-panel" class="info-panel">
                <ui:Label text="Build Menu" class="panel-title" />
                <ui:Button name="build-menu-toggle" text="Open Build Menu" class="build-toggle-button" />
                
                <!-- Build Categories -->
                <ui:VisualElement name="build-categories" class="build-categories-container" style="display: none;">
                    <ui:Button name="living-category" text="Living" class="category-button" />
                    <ui:Button name="working-category" text="Working" class="category-button" />
                    <ui:Button name="decorative-category" text="Decorative" class="category-button" />
                </ui:VisualElement>
                
                <!-- Build Items -->
                <ui:VisualElement name="build-items-container" class="build-items-container" style="display: none;">
                    <!-- Build items will be populated dynamically -->
                </ui:VisualElement>
            </ui:VisualElement>
            
            <!-- Housing Status Panel -->
            <ui:VisualElement name="housing-panel" class="info-panel">
                <ui:Label text="Housing Status" class="panel-title" />
                <ui:Label name="housing-status" text="Housing: 0/0 villagers housed" class="info-text" />
                <ui:Label name="housing-warning" text="" class="warning-text" style="display: none;" />
            </ui:VisualElement>
            
            <ui:VisualElement name="instructions-panel" class="info-panel">
                <ui:Label text="Controls" class="panel-title" />
                <ui:Label text="WASD/Arrows: Move camera&#10;Mouse Wheel: Zoom&#10;Left Click: Select&#10;Right Click: Cancel&#10;Drag villager to assign job&#10;Space: Pause/Resume&#10;1/2/3: Change speed" class="info-text small-text" />
            </ui:VisualElement>
        </ui:VisualElement>
        <ui:VisualElement name="bottom-hud" class="bottom-hud">
            <ui:Label name="status-text" text="Welcome to Gatherer of Souls!" class="status-text" />
            <ui:Label name="build-mode-status" text="" class="build-mode-text" style="display: none;" />
        </ui:VisualElement>
    </ui:VisualElement>
</ui:UXML>