about summary refs log tree commit diff stats
diff options
context:
space:
mode:
authorelioat <elioat@tilde.institute>2024-12-28 16:50:07 -0500
committerelioat <elioat@tilde.institute>2024-12-28 16:50:07 -0500
commit50874b6fea9b58ea53a16a517471698d4be37ca2 (patch)
treeab6eb97110f953db76ca0a5aae8c241e85182831
parentfa3c6ff0dfb87f368ff4e4fc00bf1e5d2e9129d7 (diff)
downloadtour-50874b6fea9b58ea53a16a517471698d4be37ca2.tar.gz
*
-rw-r--r--html/rogue/js/debug.js14
1 files changed, 13 insertions, 1 deletions
diff --git a/html/rogue/js/debug.js b/html/rogue/js/debug.js
index 751af4c..6477a83 100644
--- a/html/rogue/js/debug.js
+++ b/html/rogue/js/debug.js
@@ -85,7 +85,7 @@ const Debug = {
             );
             
             // Draw camera deadzone
-            ctx.strokeStyle = 'rgba(255, 255, 0, 0.5)';
+            ctx.strokeStyle = 'rgba(255, 162, 0, 1)';
             ctx.lineWidth = 2;
             ctx.strokeRect(
                 state.canvas.width/2 - deadzoneX,
@@ -93,6 +93,18 @@ const Debug = {
                 deadzoneX * 2,
                 deadzoneY * 2
             );
+
+            // Draw a small cross at the center of the camera deadzone
+            const centerX = state.canvas.width / 2;
+            const centerY = state.canvas.height / 2;
+            const crossSize = 10; // Size of the cross arms
+
+            ctx.beginPath();
+            ctx.moveTo(centerX - crossSize, centerY);
+            ctx.lineTo(centerX + crossSize, centerY);
+            ctx.moveTo(centerX, centerY - crossSize);
+            ctx.lineTo(centerX, centerY + crossSize);
+            ctx.stroke();
         }
         
         // Restore context state