From f292227ffb0a953a232ab23bca953efd2ed5a8a6 Mon Sep 17 00:00:00 2001
From: Ben M <makingspidersense@gmail.com>
Date: Wed, 17 Jun 2026 13:46:09 -0500
Subject: [PATCH] Add touch event listeners for mobile movement tracking in
 speed modifier component

---
 .../movement-speed-modifier.js                | 54 ++++++++++++++++++-
 1 file changed, 53 insertions(+), 1 deletion(-)

diff --git a/src/components/movement-speed-modifier/movement-speed-modifier.js b/src/components/movement-speed-modifier/movement-speed-modifier.js
index c7db234..c6566be 100644
--- a/src/components/movement-speed-modifier/movement-speed-modifier.js
+++ b/src/components/movement-speed-modifier/movement-speed-modifier.js
@@ -32,6 +32,7 @@ const movementSpeedModifierComponent = {
         this.currentAppliedMultiplier = 1; // Set to 1 initially as the boost needs to be triggered
         this.axisX = 0;
         this.axisY = 0;
+        this.touchCount = 0;
         this.timeSinceLastLinePattern = 0;
         // Bind handlers to this component instance, and store the references so listeners can be removed later
         this.onThumbstickDown = this.onThumbstickDown.bind(this);
@@ -39,10 +40,13 @@ const movementSpeedModifierComponent = {
         this.onKeyDown = this.onKeyDown.bind(this);
         this.onKeyUp = this.onKeyUp.bind(this);
         this.onWindowBlur = this.onWindowBlur.bind(this);
+        this.onTouchStart = this.onTouchStart.bind(this);
+        this.onTouchEnd = this.onTouchEnd.bind(this);
         // Set up input listeners
         this.leftControllerEl = this.data.leftController;
         this.addLeftControllerListeners();
         this.addKeyboardListeners();
+        this.addTouchListeners();
         // Create the speed line container and line elements
         this.lineContainer = null;
         this.lineElements = [];
@@ -97,6 +101,7 @@ const movementSpeedModifierComponent = {
     remove: function () {
         this.removeLeftControllerListeners();
         this.removeKeyboardListeners();
+        this.removeTouchListeners();
         this.resetSpeeds();
         this.removeSpeedLines();
     },
@@ -145,6 +150,28 @@ const movementSpeedModifierComponent = {
         window.removeEventListener("blur", this.onWindowBlur);
     },
 
+    /**
+     * Add touch listeners
+     *
+     * Adds touch listeners to track the number of fingers on the screen for mobile movement.
+     */
+    addTouchListeners: function () {
+        window.addEventListener("touchstart", this.onTouchStart);
+        window.addEventListener("touchend", this.onTouchEnd);
+        window.addEventListener("touchcancel", this.onTouchEnd);
+    },
+
+    /**
+     * Remove touch listeners
+     *
+     * Removes the touch listeners used for mobile movement tracking.
+     */
+    removeTouchListeners: function () {
+        window.removeEventListener("touchstart", this.onTouchStart);
+        window.removeEventListener("touchend", this.onTouchEnd);
+        window.removeEventListener("touchcancel", this.onTouchEnd);
+    },
+
     /**
      * Thumbstick down handler
      *
@@ -233,6 +260,30 @@ const movementSpeedModifierComponent = {
         this.applySpeedMultiplier();
     },
 
+    /**
+     * Touch start handler
+     *
+     * Tracks the number of fingers on the screen to detect forward or backward movement on mobile.
+     *
+     * @param {TouchEvent} event The touch event.
+     */
+    onTouchStart: function (event) {
+        this.touchCount = event.touches.length;
+        this.syncSpeedLinesVisibility();
+    },
+
+    /**
+     * Touch end handler
+     *
+     * Tracks the number of fingers on the screen to detect when movement stops on mobile.
+     *
+     * @param {TouchEvent} event The touch event.
+     */
+    onTouchEnd: function (event) {
+        this.touchCount = event.touches.length;
+        this.syncSpeedLinesVisibility();
+    },
+
     /**
      * Is joystick forward
      *
@@ -287,7 +338,8 @@ const movementSpeedModifierComponent = {
         const keyboardMovingForward = this.keyboardForwardActive;
         const joystickMovingForward = this.isJoystickForward();
         const armSwingMovingForward = armSwingMovement && armSwingMovement.moving && !armSwingMovement.reverseHeld;
-        return keyboardMovingForward || joystickMovingForward || armSwingMovingForward;
+        const touchMovingForward = this.touchCount === 1; // 1 finger = forward, 2 = backward
+        return keyboardMovingForward || joystickMovingForward || armSwingMovingForward || touchMovingForward;
     },
 
     /**