This commit is contained in:
2026-04-28 10:11:28 +07:00
parent 252489f48a
commit 6d5a9a4e5b
8 changed files with 137 additions and 742 deletions

View File

@@ -1,26 +1,23 @@
<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False"> <Style src="project:/Assets/UI/Global.uss" />
<ui:VisualElement name="HUD_Root" class="screen-root" style="picking-mode: ignore;">
<!-- Top Left: Stats -->
<ui:VisualElement name="TopLeft" style="position: absolute; top: 20px; left: 20px; width: 300px; picking-mode: ignore;">
<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
<Style src="project:/Assets/UI/Global.uss" />
<ui:VisualElement name="HUD_Root" class="screen-root" picking-mode="Ignore">
<ui:VisualElement name="TopLeft" picking-mode="Ignore" style="position: absolute; top: 20px; left: 20px; width: 300px;">
<ui:ProgressBar name="HealthBar" title="HEALTH" value="100" style="margin-bottom: 5px;" />
<ui:ProgressBar name="StaminaBar" title="STAMINA" value="100" />
</ui:VisualElement>
<!-- Top Right: Minimap -->
<ui:VisualElement name="TopRight" style="position: absolute; top: 20px; right: 20px; width: 200px; height: 200px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; border-width: 2px; border-color: white; picking-mode: ignore;">
<ui:VisualElement name="TopRight" picking-mode="Ignore" style="position: absolute; top: 20px; right: 20px; width: 200px; height: 200px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; border-width: 2px; border-color: white;">
<ui:Label text="MINIMAP" style="align-self: center; margin-top: 80px;" />
</ui:VisualElement>
<!-- Bottom Left: Inventory -->
<ui:VisualElement name="BottomLeft" style="position: absolute; bottom: 20px; left: 20px; flex-direction: row; align-items: flex-end; picking-mode: ignore;">
<ui:VisualElement name="BottomLeft" picking-mode="Ignore" style="position: absolute; bottom: 20px; left: 20px; flex-direction: row; align-items: flex-end;">
<ui:VisualElement name="MainSlot" style="width: 80px; height: 80px; background-color: rgba(255, 255, 255, 0.1); border-width: 2px; border-color: white; margin-right: 10px;" />
<ui:VisualElement name="QuickSlot1" style="width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-color: gray; margin-right: 5px;" />
<ui:VisualElement name="QuickSlot2" style="width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-color: gray; margin-right: 5px;" />
<ui:VisualElement name="QuickSlot3" style="width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-color: gray;" />
</ui:VisualElement>
<!-- Bottom Center: Stats -->
<ui:VisualElement name="BottomCenter" style="position: absolute; bottom: 10px; width: 100%; align-items: center; picking-mode: ignore;">
<ui:VisualElement name="BottomCenter" picking-mode="Ignore" style="position: absolute; bottom: 10px; width: 100%; align-items: center;">
<ui:VisualElement style="flex-direction: row; background-color: rgba(0, 0, 0, 0.3); padding: 2px 10px; border-radius: 5px;">
<ui:Label name="PingLabel" text="PING: 25ms" style="font-size: 12px; margin-right: 15px;" />
<ui:Label name="FPSLabel" text="FPS: 144" style="font-size: 12px;" />

View File

@@ -1,18 +1,26 @@
<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False"> <Style src="project:/Assets/UI/Global.uss" />
<ui:VisualElement name="MainMenuRoot" class="screen-root">
<ui:VisualElement name="MenuContainer" style="flex-grow: 1; justify-content: center; align-items: center;">
<ui:VisualElement name="Logo" class="logo-pulse" style="background-color: white; border-radius: 100px;">
<ui:Label text="LOGO" style="color: black; align-self: center;" />
</ui:VisualElement>
<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
<Style src="project:/Assets/UI/Global.uss" />
<ui:VisualElement name="MainMenuRoot" class="screen-root" picking-mode="Position">
<!-- Ribbon Container - Luôn ở giữa màn hình -->
<ui:VisualElement name="MenuContainer" picking-mode="Position" style="flex-grow: 1; justify-content: center; align-items: center;">
<ui:VisualElement name="Ribbon" style="flex-direction: row; display: none; background-color: rgba(0, 0, 0, 0.8); padding: 10px; margin-top: 20px;">
<ui:Button name="SettingsBtn" text="Settings" class="button-spring" />
<ui:Button name="JoinBtn" text="Join" class="button-spring" />
<ui:Button name="CreateBtn" text="Create" class="button-spring" />
<ui:Button name="ProfileBtn" text="Profile" class="button-spring" />
<ui:Button name="ExitBtn" text="Exit" class="button-spring" />
<ui:VisualElement name="Ribbon" picking-mode="Position" style="flex-direction: row; display: none; background-color: rgba(0, 0, 0, 0.8); padding: 5px 20px; border-radius: 10px; align-items: center; justify-content: center;">
<ui:Button name="SettingsBtn" text="Settings" class="button-spring" style="width: 100px; height: 50px;" />
<!-- Placeholder cho Logo -->
<ui:VisualElement name="LogoSpace" style="width: 120px; height: 50px; background-color: transparent; margin: 0 10px;" />
<ui:Button name="JoinBtn" text="Join" class="button-spring" style="width: 100px; height: 50px;" />
<ui:Button name="CreateBtn" text="Create" class="button-spring" style="width: 100px; height: 50px;" />
<ui:Button name="ProfileBtn" text="Profile" class="button-spring" style="width: 100px; height: 50px;" />
<ui:Button name="ExitBtn" text="Exit" class="button-spring" style="width: 100px; height: 50px;" />
</ui:VisualElement>
</ui:VisualElement>
<!-- Logo -->
<ui:VisualElement name="Logo" class="logo-pulse" picking-mode="Position" style="background-color: white; border-radius: 100px; position: absolute; width: 200px; height: 200px;">
<ui:Label text="LOGO" picking-mode="Ignore" style="color: black; align-self: center;" />
</ui:VisualElement>
<ui:VisualElement name="VirtualCursor" style="width: 20px; height: 20px; background-color: cyan; border-radius: 10px; position: absolute; picking-mode: ignore; pointer-events: none;" />
</ui:VisualElement>
</ui:UXML>