feat: rounded corners

A proof of concept commit for rounded corners. Currently unoptimized and in need of reorganization too. May also make keyboard keys invisible
This commit is contained in:
Adalyn Black
2024-07-19 08:57:32 -07:00
committed by galister
parent a56ed68b44
commit f27c320231
9 changed files with 276 additions and 112 deletions

View File

@@ -11,18 +11,18 @@ spawn_pos: [0, -0.1, -0.5]
elements:
- type: Panel
rect: [0, 0, 600, 800]
rect: [0, 0, 600, 800, 2]
bg_color: "#102030"
- type: Label
rect: [15, 35, 600, 70]
rect: [15, 35, 600, 70, 2]
font_size: 24
fg_color: "#ffffff"
source: Static
text: Settings
- type: Button
rect: [560, 0, 40, 40]
rect: [560, 0, 40, 40, 2]
font_size: 16
bg_color: "#880000"
fg_color: "#ffffff"
@@ -33,31 +33,31 @@ elements:
action: Destroy
- type: Panel
rect: [50, 53, 500, 1]
rect: [50, 53, 500, 1, 2]
bg_color: "#c0c0c0"
####### Watch Section #######
- type: Label
rect: [15, 85, 570, 24]
rect: [15, 85, 570, 24, 2]
font_size: 18
fg_color: "#ffffff"
source: Static
text: Watch
- type: Panel
rect: [250, 105, 1, 100]
rect: [250, 105, 1, 100, 2]
bg_color: "#c0c0c0"
- type: Label
rect: [288, 105, 100, 24]
rect: [288, 105, 100, 24, 2]
font_size: 12
fg_color: "#ffffff"
source: Static
text: Visibility
- type: Button
rect: [270, 120, 100, 30]
rect: [270, 120, 100, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#306060"
@@ -67,7 +67,7 @@ elements:
action: Hide
- type: Button
rect: [270, 170, 100, 30]
rect: [270, 170, 100, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#306060"
@@ -77,18 +77,18 @@ elements:
action: SwitchHands
- type: Panel
rect: [390, 105, 1, 100]
rect: [390, 105, 1, 100, 2]
bg_color: "#c0c0c0"
- type: Label
rect: [430, 105, 120, 24]
rect: [430, 105, 120, 24, 2]
font_size: 12
fg_color: "#ffffff"
source: Static
text: Watch Fade
- type: Button
rect: [410, 120, 140, 30]
rect: [410, 120, 140, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#306060"
@@ -106,7 +106,7 @@ elements:
ViewAngle: {kind: "MaxOpacity", delta: -0.01}
- type: Button
rect: [410, 170, 140, 30]
rect: [410, 170, 140, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#306060"
@@ -124,14 +124,14 @@ elements:
ViewAngle: {kind: "MinOpacity", delta: -0.01}
- type: Label
rect: [25, 140, 90, 30]
rect: [25, 140, 90, 30, 2]
font_size: 12
fg_color: "#ffffff"
source: Static
text: Rotation
- type: Button
rect: [108, 120, 30, 30]
rect: [108, 120, 30, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#306060"
@@ -149,7 +149,7 @@ elements:
Rotation: {axis: "X", delta: -0.25}
- type: Button
rect: [153, 120, 30, 30]
rect: [153, 120, 30, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#306060"
@@ -167,7 +167,7 @@ elements:
Rotation: {axis: "Y", delta: -0.25}
- type: Button
rect: [198, 120, 30, 30]
rect: [198, 120, 30, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#306060"
@@ -185,14 +185,14 @@ elements:
Rotation: {axis: "Z", delta: -0.25}
- type: Label
rect: [25, 190, 90, 30]
rect: [25, 190, 90, 30, 2]
font_size: 12
fg_color: "#ffffff"
source: Static
text: Position
- type: Button
rect: [108, 170, 30, 30]
rect: [108, 170, 30, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#306060"
@@ -210,7 +210,7 @@ elements:
Position: {axis: "X", delta: -0.001}
- type: Button
rect: [153, 170, 30, 30]
rect: [153, 170, 30, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#306060"
@@ -228,7 +228,7 @@ elements:
Position: {axis: "Y", delta: -0.001}
- type: Button
rect: [198, 170, 30, 30]
rect: [198, 170, 30, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#306060"
@@ -246,26 +246,26 @@ elements:
Position: {axis: "Z", delta: -0.001}
- type: Panel
rect: [50, 220, 500, 1]
rect: [50, 220, 500, 1, 2]
bg_color: "#c0c0c0"
####### Mirror Section #######
- type: Label
rect: [15, 255, 570, 24]
rect: [15, 255, 570, 24, 2]
font_size: 18
fg_color: "#ffffff"
source: Static
text: Mirrors
- type: Label
rect: [25, 290, 30, 30]
rect: [25, 290, 30, 30, 2]
font_size: 12
fg_color: "#ffffff"
source: Static
text: M1
- type: Button
rect: [60, 270, 110, 30]
rect: [60, 270, 110, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#707070"
@@ -279,7 +279,7 @@ elements:
action: ShowMirror # only fires if not exists
- type: Button
rect: [185, 270, 60, 30]
rect: [185, 270, 60, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#707070"
@@ -290,7 +290,7 @@ elements:
action: ToggleInteraction
- type: Button
rect: [258, 270, 30, 30]
rect: [258, 270, 30, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#880000"
@@ -301,14 +301,14 @@ elements:
action: Destroy
- type: Label
rect: [25, 340, 30, 30]
rect: [25, 340, 30, 30, 2]
font_size: 12
fg_color: "#ffffff"
source: Static
text: M2
- type: Button
rect: [60, 320, 110, 30]
rect: [60, 320, 110, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#707070"
@@ -322,7 +322,7 @@ elements:
action: ShowMirror
- type: Button
rect: [185, 320, 60, 30]
rect: [185, 320, 60, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#707070"
@@ -333,7 +333,7 @@ elements:
action: ToggleInteraction
- type: Button
rect: [258, 320, 30, 30]
rect: [258, 320, 30, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#880000"
@@ -344,14 +344,14 @@ elements:
action: Destroy
- type: Label
rect: [25, 390, 30, 30]
rect: [25, 390, 30, 30, 2]
font_size: 12
fg_color: "#ffffff"
source: Static
text: M3
- type: Button
rect: [60, 370, 110, 30]
rect: [60, 370, 110, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#707070"
@@ -365,7 +365,7 @@ elements:
action: ShowMirror
- type: Button
rect: [185, 370, 60, 30]
rect: [185, 370, 60, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#707070"
@@ -376,7 +376,7 @@ elements:
action: ToggleInteraction
- type: Button
rect: [258, 370, 30, 30]
rect: [258, 370, 30, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#880000"
@@ -387,27 +387,27 @@ elements:
action: Destroy
- type: Panel
rect: [300, 240, 1, 200]
rect: [300, 240, 1, 200, 2]
bg_color: "#c0c0c0"
####### Color Gain Section #######
- type: Label
rect: [325, 255, 90, 24]
rect: [325, 255, 90, 24, 2]
font_size: 18
fg_color: "#ffffff"
source: Static
text: Color Gain
- type: Label
rect: [470, 255, 90, 30]
rect: [470, 255, 90, 30, 2]
font_size: 12
fg_color: "#ffffff"
source: Static
text: (SteamVR)
- type: Button
rect: [330, 270, 60, 30]
rect: [330, 270, 60, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#707070"
@@ -425,7 +425,7 @@ elements:
delta: -0.01
- type: Button
rect: [405, 270, 30, 30]
rect: [405, 270, 30, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#701010"
@@ -443,7 +443,7 @@ elements:
delta: -0.01
- type: Button
rect: [450, 270, 30, 30]
rect: [450, 270, 30, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#107010"
@@ -461,7 +461,7 @@ elements:
delta: -0.01
- type: Button
rect: [495, 270, 30, 30]
rect: [495, 270, 30, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#101070"
@@ -479,20 +479,20 @@ elements:
delta: -0.01
- type: Panel
rect: [325, 315, 225, 1]
rect: [325, 315, 225, 1, 2]
bg_color: "#c0c0c0"
####### Playspace Section #######
- type: Label
rect: [325, 345, 90, 24]
rect: [325, 345, 90, 24, 2]
font_size: 18
fg_color: "#ffffff"
source: Static
text: Playspace
- type: Button
rect: [330, 360, 220, 30]
rect: [330, 360, 220, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#206060"
@@ -502,7 +502,7 @@ elements:
action: PlayspaceFixFloor
- type: Button
rect: [330, 410, 220, 30]
rect: [330, 410, 220, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#206060"
@@ -514,18 +514,18 @@ elements:
####### Notifications Section #######
- type: Panel
rect: [50, 460, 500, 1]
rect: [50, 460, 500, 1, 2]
bg_color: "#c0c0c0"
- type: Label
rect: [325, 490, 90, 24]
rect: [325, 490, 90, 24, 2]
font_size: 18
fg_color: "#ffffff"
source: Static
text: Notifications
- type: Button
rect: [330, 505, 220, 30]
rect: [330, 505, 220, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#401010"
@@ -536,7 +536,7 @@ elements:
highlight: Notifications
- type: Button
rect: [330, 555, 220, 30]
rect: [330, 555, 220, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#401010"
@@ -548,14 +548,14 @@ elements:
####### Behavior Section #######
- type: Label
rect: [15, 490, 570, 24]
rect: [15, 490, 570, 24, 2]
font_size: 18
fg_color: "#ffffff"
source: Static
text: Behavior
- type: Button
rect: [30, 505, 220, 30]
rect: [30, 505, 220, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#401010"
@@ -566,7 +566,7 @@ elements:
highlight: AutoRealign
- type: Button
rect: [30, 555, 220, 30]
rect: [30, 555, 220, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#401010"
@@ -579,11 +579,11 @@ elements:
####### Footer Section #######
- type: Panel
rect: [50, 605, 500, 1]
rect: [50, 605, 500, 1, 2]
bg_color: "#c0c0c0"
- type: Button
rect: [330, 625, 220, 30]
rect: [330, 625, 220, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#206060"
@@ -595,7 +595,7 @@ elements:
message: Settings saved successfully.
- type: Button
rect: [30, 625, 250, 30]
rect: [30, 625, 250, 30, 2]
font_size: 12
fg_color: "#ffffff"
bg_color: "#206060"