wip: hud customizer

momentum-mod · May 6, 2024 · c072706 · c072706
1 parent d0916c2
commit c072706
Show file tree

Hide file tree

Showing 10 changed files with 891 additions and 0 deletions.
diff --git a/images/hudcustomizer/snap-off.svg b/images/hudcustomizer/snap-off.svg
diff --git a/images/hudcustomizer/snap-x-max.svg b/images/hudcustomizer/snap-x-max.svg
diff --git a/images/hudcustomizer/snap-x-mid.svg b/images/hudcustomizer/snap-x-mid.svg
diff --git a/images/hudcustomizer/snap-x-min.svg b/images/hudcustomizer/snap-x-min.svg
diff --git a/images/hudcustomizer/snap-y-max.svg b/images/hudcustomizer/snap-y-max.svg
diff --git a/images/hudcustomizer/snap-y-mid.svg b/images/hudcustomizer/snap-y-mid.svg
diff --git a/images/hudcustomizer/snap-y-min.svg b/images/hudcustomizer/snap-y-min.svg
diff --git a/layout/hud/hud.xml b/layout/hud/hud.xml
@@ -3,6 +3,11 @@
 		<include src="file://{resources}/styles/main.scss" />
 	</styles>
 
+	<scripts>
+		<include src="file://{scripts}/common/layout.js" />
+		<include src="file://{scripts}/util/functions.js" />
+		<include src="file://{scripts}/hud/customizer.js" />
+	</scripts>
 
 	<Hud class="hud" hittest="false" useglobalcontext="false">
 		<!-- Non-interactive HUD elements have hit test disabled for efficiency -->
@@ -16,6 +21,15 @@
 			<MomHudReticle />
 		</Panel>
 
+		<Panel id="HudCustomizer" class="hud-customizer hud-customizer--disabled" hittest="false">
+			<Panel class="hud-customizer__settings">
+				<Button onactivate="HudCustomizer.disableEditing()">
+					<Image class="hud-customizer-settings__close" src="file://{images}/close.svg"/>
+				</Button>
+				<NumberEntry id="HudCustomizerGridSize" class="hud-customizer-settings__gridsize" min="4" max="12" onvaluechanged="HudCustomizer.updateGridSize()" />
+			</Panel>
+			<Panel id="HudCustomizerKnobContainer" class="hud-customizer__knob-container" hittest="false" />
+			<Panel id="HudCustomizerGrid" class="hud-customizer__grid" hittest="false" hittestchildren="false" />
 		</Panel>
 
 		<HudTrickTracker id="TrickTracker" />
@@ -49,6 +63,38 @@
 
 		<HudLeaderboards id="Leaderboards" hittest="true" />
 
+		<Panel id="HudCustomizerVirtual" class="hud-customizer-virtual" draggable="true">
+			<Label id="HudCustomizerVirtualName" class="hud-customizer-virtual__name" />
+			<Panel id="HudCustomizerSnaps" class="hud-customizer-virtual-snaps" onmouseover="HudCustomizer.showSnapTooltip();" onmouseout="HudCustomizer.hideSnapTooltip();">
+				<Panel class="hud-customizer-virtual-snaps__row">
+					<RadioButton id="HudCustomizerSnapsXMin" class="hud-customizer-virtual-snaps__button" onactivate="HudCustomizer.setSnapMode(0, 1);" group="SnapX">
+						<Image class="hud-customizer-virtual-snaps__icon" src="file://{images}/hudcustomizer/snap-x-min.svg" texturewidth="32" textureheight="32" />
+					</RadioButton>
+					<RadioButton id="HudCustomizerSnapsXMid" class="hud-customizer-virtual-snaps__button" onactivate="HudCustomizer.setSnapMode(0, 2);" group="SnapX">
+						<Image class="hud-customizer-virtual-snaps__icon" src="file://{images}/hudcustomizer/snap-x-mid.svg" texturewidth="32" textureheight="32" />
+					</RadioButton>
+					<RadioButton id="HudCustomizerSnapsXMax" class="hud-customizer-virtual-snaps__button" onactivate="HudCustomizer.setSnapMode(0, 3);" group="SnapX">
+						<Image class="hud-customizer-virtual-snaps__icon" src="file://{images}/hudcustomizer/snap-x-max.svg" texturewidth="32" textureheight="32" />
+					</RadioButton>
+					<RadioButton id="HudCustomizerSnapsXOff" class="hud-customizer-virtual-snaps__button hud-customizer-virtual-snaps__button--last" onactivate="HudCustomizer.setSnapMode(0, 4);" group="SnapX">
+						<Image class="hud-customizer-virtual-snaps__icon" src="file://{images}/hudcustomizer/snap-off.svg" texturewidth="32" textureheight="32" />
+					</RadioButton>
+				</Panel>
+				<Panel class="hud-customizer-virtual-snaps__row hud-customizer-virtual-snaps__row--last">
+					<RadioButton id="HudCustomizerSnapsYMin" class="hud-customizer-virtual-snaps__button" onactivate="HudCustomizer.setSnapMode(1, 1);" group="SnapY">
+						<Image class="hud-customizer-virtual-snaps__icon" src="file://{images}/hudcustomizer/snap-y-min.svg" texturewidth="32" textureheight="32" />
+					</RadioButton>
+					<RadioButton id="HudCustomizerSnapsYMid" class="hud-customizer-virtual-snaps__button" onactivate="HudCustomizer.setSnapMode(1, 2);" group="SnapY">
+						<Image class="hud-customizer-virtual-snaps__icon" src="file://{images}/hudcustomizer/snap-y-mid.svg" texturewidth="32" textureheight="32" />
+					</RadioButton>
+					<RadioButton id="HudCustomizerSnapsYMax" class="hud-customizer-virtual-snaps__button" onactivate="HudCustomizer.setSnapMode(1, 3);" group="SnapY">
+						<Image class="hud-customizer-virtual-snaps__icon" src="file://{images}/hudcustomizer/snap-y-max.svg" texturewidth="32" textureheight="32" />
+					</RadioButton>
+					<RadioButton id="HudCustomizerSnapsYOff" class="hud-customizer-virtual-snaps__button hud-customizer-virtual-snaps__button--last" onactivate="HudCustomizer.setSnapMode(1, 4);" group="SnapY">
+						<Image class="hud-customizer-virtual-snaps__icon" src="file://{images}/hudcustomizer/snap-off.svg" texturewidth="32" textureheight="32" />
+					</RadioButton>
+				</Panel>
+			</Panel>
 		</Panel>
 
 		<!-- Make sure these are at the bottom to get the z-order right -->