From c1aa7d20865ce54c679b629c92796e85f8a66225 Mon Sep 17 00:00:00 2001
From: Moonlit Productions <moonlit@munebase.dev>
Date: Mon, 17 Nov 2025 10:22:20 -0500
Subject: [PATCH] default to keyboard/joystick control

---
 index.html |  6 +++---
 script.js  | 19 ++++++++++++-------
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index e79ddfd..137546a 100644
--- a/index.html
+++ b/index.html
@@ -207,10 +207,10 @@ if scale &lt; 1:
                 <legend>Translation &amp; Rotation</legend>
 
                 <div class="control-group">
-                    <button id="control-mode-toggle" type="button">Switch to Keyboard/Joystick Controls</button>
+                    <button id="control-mode-toggle" type="button">Switch to Slider Controls</button>
                 </div>
 
-                <div id="slider-controls">
+                <div id="slider-controls" style="display: none;">
                     <div class="control-group">
                         <label for="vy-slider">Move Forward/Backward (pixels/s)</label>
                         <input type="range" id="vy-slider" min="-300" max="300" step="10" value="0">
@@ -232,7 +232,7 @@ if scale &lt; 1:
                     <button id="reset-btn" type="button">Reset Controls</button>
                 </div>
 
-                <div id="keyboard-controls" style="display: none;">
+                <div id="keyboard-controls">
                     <div class="control-group">
                         <label for="keyboard-max-speed">Max Speed (pixels/s)</label>
                         <input type="range" id="keyboard-max-speed" min="50" max="300" step="10" value="150">
diff --git a/script.js b/script.js
index ee2f80a..15a0340 100644
--- a/script.js
+++ b/script.js
@@ -49,6 +49,9 @@ class Joystick {
     }
 
     touchInRange(x, y) {
+        if (!this.visible)
+            return false;
+
         const deltaX = x - this.x;
         const deltaY = y - this.y;
         const dist = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
@@ -399,7 +402,7 @@ const preset16OctBtn = document.getElementById('preset-16oct');
 */
 
 // Control mode state
-let isManualInputMode = false; // true = keyboard/gamepad mode, false = slider mode
+let isManualInputMode = true; // true = keyboard/gamepad mode, false = slider mode
 
 // Keyboard state tracking
 const keyState = {
@@ -447,6 +450,9 @@ keyboardMaxRotation.addEventListener('input', (e) => {
 });
 keyboardMaxRotationOutput.textContent = parseFloat(keyboardMaxRotation.value);
 
+
+const supportsTouch = (navigator.maxTouchPoints > 0);
+
 // Control mode toggle
 controlModeToggle.addEventListener('click', () => {
     isManualInputMode = !isManualInputMode;
@@ -464,13 +470,15 @@ controlModeToggle.addEventListener('click', () => {
         vxOutput.textContent = '0';
         vyOutput.textContent = '0';
         omegaOutput.textContent = '0';
-        leftJoystick.setIsVisible(true);
-        rightJoystick.setIsVisible(true);
+        if (supportsTouch) {
+            leftJoystick.setIsVisible(true);
+            rightJoystick.setIsVisible(true);
+        }
     } else {
         // Switch to slider mode
         sliderControls.style.display = 'block';
         keyboardControls.style.display = 'none';
-        controlModeToggle.textContent = 'Switch to Keyboard/Joystick Controls';
+        controlModeToggle.textContent = supportsTouch ? 'Switch to Keyboard/Joystick Controls' : 'Switch to Keyboard';
 
         // Reset manual input state
         Object.keys(keyState).forEach(key => keyState[key] = false);
@@ -991,9 +999,6 @@ function drawRobot(ctx, robot, heading) {
 }
 
 // Initialize Variables
-// Joysticks
-const supportsTouch = (navigator.maxTouchPoints > 0);
-
 
 // General robot
 const robotSize = 200;