40 lines
2.4 KiB
Plaintext
40 lines
2.4 KiB
Plaintext
<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../UIElementsSchema/UIElements.xsd">
|
|
<Style src="project:/Assets/UI/Styles/Global.uss" />
|
|
<ui:VisualElement class="screen-root" style="justify-content: flex-start; align-items: stretch; width: 100%; height: 100%;">
|
|
<ui:VisualElement style="flex-direction: row; flex-grow: 1; width: 100%; height: 100%;">
|
|
<!-- Player 1 (Blue Tint) -->
|
|
<ui:VisualElement style="flex-grow: 1; background-color: rgba(59, 89, 152, 0.2); justify-content: flex-end; align-items: center; padding-bottom: 50px;">
|
|
<ui:Label text="HOST" style="color: white; font-size: 48px; -unity-font-style: bold;" />
|
|
<ui:Toggle label="READY" name="ready-host" class="slanted-button" style="width: 200px;" />
|
|
</ui:VisualElement>
|
|
|
|
<!-- Diagonal Slash Divider (simplified) -->
|
|
<ui:VisualElement style="width: 5px; background-color: #FFFFFF; rotate: 15deg;" />
|
|
|
|
<!-- Player 2 (Orange Tint) -->
|
|
<ui:VisualElement style="flex-grow: 1; background-color: rgba(255, 165, 0, 0.2); justify-content: flex-end; align-items: center; padding-bottom: 50px;">
|
|
<ui:Label text="GUEST" style="color: white; font-size: 48px; -unity-font-style: bold;" />
|
|
<ui:Toggle label="READY" name="ready-guest" class="slanted-button" style="width: 200px;" />
|
|
</ui:VisualElement>
|
|
</ui:VisualElement>
|
|
|
|
<!-- Start Button Overlaid -->
|
|
<ui:VisualElement style="position: absolute; bottom: 100px; width: 100%; align-items: center;" picking-mode="Ignore">
|
|
<ui:Button name="btn-start" class="slanted-button" style="width: 400px; height: 80px;">
|
|
<ui:VisualElement class="slanted-button-inner">
|
|
<ui:Label text="START GAME" style="font-size: 32px;" />
|
|
</ui:VisualElement>
|
|
</ui:Button>
|
|
</ui:VisualElement>
|
|
|
|
<!-- Nav Overlays -->
|
|
<ui:VisualElement style="position: absolute; top: 40px; left: 40px;" picking-mode="Ignore">
|
|
<ui:Button name="btn-back" class="slanted-button">
|
|
<ui:VisualElement class="slanted-button-inner">
|
|
<ui:Label text="< LEAVE" />
|
|
</ui:VisualElement>
|
|
</ui:Button>
|
|
</ui:VisualElement>
|
|
</ui:VisualElement>
|
|
</ui:UXML>
|