Some Nice UI

This commit is contained in:
Walter
2026-02-01 13:21:59 -06:00
parent 095296d5c2
commit 2814b6c7a2
22 changed files with 433 additions and 157 deletions
+17 -4
View File
@@ -1,18 +1,31 @@
<ui:UXML xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" noNamespaceSchemaLocation="../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
<Style src="project://database/Assets/UI%20Toolkit/progressBar.uss?fileID=7433441132597879392&amp;guid=2c3cb808f8496d4438df1bd06428d6f1&amp;type=3#progressBar"/>
<ui:VisualElement style="flex-grow: 1; background-color: rgba(0, 0, 0, 0); height: 20%;">
<ui:Label text="Score: 0" name="Score" style="font-size: 40px; height: 10%;"/>
</ui:VisualElement>
<ui:VisualElement style="flex-grow: 1; align-self: auto; align-items: flex-start; align-content: auto; height: 80%; flex-direction: row;">
<ui:VisualElement style="flex-grow: 1; height: 100%; width: 10%; background-size: 100% 100%;">
<ui:Image name="Player1Life" style="background-image: url(&quot;project://database/Assets/Art/Final%20Sprites/P_Health01.png?fileID=2800000&amp;guid=03a067405c8cfa945a9ed2e8ff6a71dd&amp;type=3#P_Health01&quot;); height: 50%;"/>
<ui:VisualElement style="flex-grow: 1;">
<ui:Image name="Player1Life" source="project://database/Assets/Art/Final%20Sprites/P_Health01.png?fileID=21300000&amp;guid=03a067405c8cfa945a9ed2e8ff6a71dd&amp;type=3#P_Health01" style="background-image: none; height: 85%; -unity-background-image-tint-color: rgb(182, 255, 165);"/>
<ui:ProgressBar value="23" title="" name="Player1StressBar" style="background-color: rgb(255, 255, 255); -unity-background-image-tint-color: rgb(255, 255, 255);"/>
</ui:VisualElement>
<ui:VisualElement style="flex-grow: 1; height: 50%;"/>
<ui:Image name="Player2Life" style="background-image: url(&quot;project://database/Assets/Art/Final%20Sprites/P_Health01.png?fileID=2800000&amp;guid=03a067405c8cfa945a9ed2e8ff6a71dd&amp;type=3#P_Health01&quot;); height: 50%;"/>
<ui:VisualElement style="flex-grow: 1;">
<ui:Image name="Player2Life" source="project://database/Assets/Art/Final%20Sprites/P_Health01.png?fileID=21300000&amp;guid=03a067405c8cfa945a9ed2e8ff6a71dd&amp;type=3#P_Health01" style="background-image: none; height: 85%; -unity-background-image-tint-color: rgb(182, 255, 165);"/>
<ui:ProgressBar value="23" title="" name="Player2StressBar" style="background-color: rgb(255, 255, 255); -unity-background-image-tint-color: rgb(255, 255, 255);"/>
</ui:VisualElement>
</ui:VisualElement>
<ui:VisualElement style="flex-grow: 1; width: 80%; height: 100%;"/>
<ui:VisualElement style="flex-grow: 1; width: 10%; height: 100%;">
<ui:Image name="Player3Life" style="background-image: url(&quot;project://database/Assets/Art/Final%20Sprites/P_Health01.png?fileID=2800000&amp;guid=03a067405c8cfa945a9ed2e8ff6a71dd&amp;type=3#P_Health01&quot;); height: 50%;"/>
<ui:VisualElement name="VisualElement" style="flex-grow: 1;">
<ui:Image name="Player3Life" source="project://database/Assets/Art/Final%20Sprites/P_Health01.png?fileID=21300000&amp;guid=03a067405c8cfa945a9ed2e8ff6a71dd&amp;type=3#P_Health01" style="background-image: none; height: 85%; -unity-background-image-tint-color: rgb(182, 255, 165);"/>
<ui:ProgressBar value="23" title="" name="Player3StressBar" style="background-color: rgb(255, 255, 255); -unity-background-image-tint-color: rgb(255, 255, 255);"/>
</ui:VisualElement>
<ui:VisualElement style="flex-grow: 1; height: 50%;"/>
<ui:Image name="Player4Life" style="background-image: url(&quot;project://database/Assets/Art/Final%20Sprites/P_Health01.png?fileID=2800000&amp;guid=03a067405c8cfa945a9ed2e8ff6a71dd&amp;type=3#P_Health01&quot;); height: 50%;"/>
<ui:VisualElement name="VisualElement" style="flex-grow: 1;">
<ui:Image name="Player4Life" source="project://database/Assets/Art/Final%20Sprites/P_Health01.png?fileID=21300000&amp;guid=03a067405c8cfa945a9ed2e8ff6a71dd&amp;type=3#P_Health01" style="background-image: none; height: 85%; -unity-background-image-tint-color: rgb(182, 255, 165);"/>
<ui:ProgressBar value="23" title="" name="Player4StressBar" style="background-color: rgb(255, 255, 255); -unity-background-image-tint-color: rgb(255, 255, 255);"/>
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
</ui:UXML>
+2 -1
View File
@@ -1,3 +1,4 @@
<ui:UXML xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" noNamespaceSchemaLocation="../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
<ui:Label text="Loser"/>
<ui:Label text="Loser... Gross" style="font-size: 50px;"/>
<ui:Button text="Just... *sigh* Whatever" name="Button" style="font-size: 50px;"/>
</ui:UXML>
+7 -5
View File
@@ -1,8 +1,10 @@
<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
<ui:Label text="Fun Fun Happy Time Game" name="Title" style="color: rgb(255, 255, 255); font-size: 25px; align-self: center; background-color: rgb(10, 10, 10); -unity-text-align: lower-left; top: auto;"/>
<ui:VisualElement style="flex-grow: 1; justify-content: center; align-self: auto; align-content: auto; background-color: rgb(17, 17, 17);">
<ui:Button text="Start" name="Start" emoji-fallback-support="true" style="background-color: rgb(101, 24, 101); color: rgb(255, 255, 255); font-size: 30px; width: 75%; align-self: center;"/>
<ui:Button text="Experiment" name="Experiment" emoji-fallback-support="true" style="background-color: rgb(101, 24, 101); color: rgb(255, 255, 255); font-size: 30px; width: 75%; align-self: center;"/>
<ui:Button text="Level 2" name="Level2" emoji-fallback-support="true" style="background-color: rgb(101, 24, 101); color: rgb(255, 255, 255); font-size: 30px; width: 75%; align-self: center;"/>
<ui:VisualElement style="flex-grow: 1; justify-content: center; background-color: rgb(0, 0, 0);">
<ui:Label text="Candy Crashout" name="Title" style="color: rgb(255, 255, 255); font-size: 60px; align-self: center; background-color: rgb(10, 10, 10); -unity-text-align: lower-left; top: auto;"/>
</ui:VisualElement>
<ui:VisualElement style="flex-grow: 1; justify-content: center; align-self: auto; align-content: auto; background-color: rgb(0, 0, 0);">
<ui:Button text="Start" name="Start" emoji-fallback-support="true" enabled="false" style="background-color: rgb(101, 24, 101); color: rgb(255, 255, 255); font-size: 30px; width: 75%; align-self: center;"/>
<ui:Button text="Experiment" name="Experiment" emoji-fallback-support="true" enabled="true" style="background-color: rgb(101, 24, 101); color: rgb(255, 255, 255); font-size: 30px; width: 75%; align-self: center;"/>
<ui:Button text="Level 2" name="Level2" emoji-fallback-support="true" enabled="false" style="background-color: rgb(101, 24, 101); color: rgb(255, 255, 255); font-size: 30px; width: 75%; align-self: center;"/>
</ui:VisualElement>
</ui:UXML>
+2 -2
View File
@@ -1,4 +1,4 @@
<ui:UXML xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" noNamespaceSchemaLocation="../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
<ui:Label text="Win"/>
<ui:Button text="Dun"/>
<ui:Label text="Win" style="font-size: 50px;"/>
<ui:Button text="Dun" name="Button" style="font-size: 50px;"/>
</ui:UXML>
+14
View File
@@ -0,0 +1,14 @@
:root {
}
unityprogressbar__progress {
background-color: rgb(0, 197, 10);
}
.unity-progress-bar__progress {
background-color: rgb(243, 0, 40);
}
.unity-progress-bar__background {
background-color: rgb(70, 0, 11);
}
+12
View File
@@ -0,0 +1,12 @@
fileFormatVersion: 2
guid: 2c3cb808f8496d4438df1bd06428d6f1
ScriptedImporter:
internalIDToNameTable: []
externalObjects: {}
serializedVersion: 2
userData:
assetBundleName:
assetBundleVariant:
script: {fileID: 12385, guid: 0000000000000000e000000000000000, type: 0}
disableValidation: 0
unsupportedSelectorAction: 0