This commit is contained in:
2026-04-26 05:20:47 +07:00
parent a6891ab5b8
commit b7436b299b
6 changed files with 144 additions and 29 deletions

View File

@@ -2,16 +2,10 @@
<Style src="project:/Assets/UI/Styles/Global.uss" />
<ui:VisualElement name="menu-root" class="screen-root" style="justify-content: center; align-items: center;">
<!-- Background Blur Layer (Can be controlled via C#) -->
<!-- Background Blur Layer -->
<ui:VisualElement name="bg-blur" style="position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);" />
<!-- Logo Container (Idle position: Center) -->
<ui:VisualElement name="beat-logo-container" style="justify-content: center; align-items: center; width: 400px; height: 400px;">
<ui:VisualElement name="beat-logo" style="width: 300px; height: 300px; background-color: white; border-radius: 50%; box-shadow: 0 0 50px rgba(255, 255, 255, 0.3);" />
<ui:Label text="HALLUCINATE" style="position: absolute; color: black; -unity-font-style: bold; font-size: 32px; letter-spacing: 5px;" />
</ui:VisualElement>
<!-- Horizontal Ribbon (Slides out from center) -->
<!-- Horizontal Ribbon (Rendered First -> Bottom Layer) -->
<ui:VisualElement name="menu-ribbon" style="position: absolute; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 120px; background-color: rgba(0, 0, 0, 0.8); border-top-width: 2px; border-bottom-width: 2px; border-color: rgba(255, 255, 255, 0.1); display: None;">
<!-- Left Side Buttons -->
@@ -23,8 +17,8 @@
</ui:Button>
</ui:VisualElement>
<!-- Spacer for Logo -->
<ui:VisualElement name="logo-placeholder" style="width: 250px;" />
<!-- Placeholder for Logo (Position #2) -->
<ui:VisualElement name="logo-placeholder" style="width: 280px; height: 100%;" />
<!-- Right Side Buttons -->
<ui:VisualElement style="flex-direction: row; align-items: center; justify-content: flex-start; flex-grow: 1;">
@@ -51,5 +45,11 @@
</ui:VisualElement>
</ui:VisualElement>
<!-- Logo Container (Rendered Last -> Top Layer) -->
<ui:VisualElement name="beat-logo-container" style="justify-content: center; align-items: center; width: 400px; height: 400px; position: absolute;">
<ui:VisualElement name="beat-logo" style="width: 300px; height: 300px; background-color: white; border-radius: 150px; box-shadow: 0 0 50px rgba(255, 255, 255, 0.3);" />
<ui:Label text="HALLUCINATE" style="position: absolute; color: black; -unity-font-style: bold; font-size: 32px; letter-spacing: 5px;" />
</ui:VisualElement>
</ui:VisualElement>
</ui:UXML>