Update index.html

index.html

@@ -309,6 +309,7 @@
             music.currentTime = 0; // Reset to start
         }
 
+        // Handle keyboard controls
         document.addEventListener('keydown', (event) => {
             if (game && game.state === 'start') {
                 switch (event.key) {
@@ -331,6 +332,43 @@
             }
         });
 
+        // Handle touch controls
+        let touchStartX = 0;
+        let touchStartY = 0;
+
+        canvas.addEventListener('touchstart', (event) => {
+            event.preventDefault();
+            touchStartX = event.touches[0].clientX;
+            touchStartY = event.touches[0].clientY;
+        });
+
+        canvas.addEventListener('touchend', (event) => {
+            event.preventDefault();
+            const touchEndX = event.changedTouches[0].clientX;
+            const touchEndY = event.changedTouches[0].clientY;
+            const dx = touchEndX - touchStartX;
+            const dy = touchEndY - touchStartY;
+
+            if (Math.abs(dx) > Math.abs(dy)) {
+                if (dx > 30) { // Swipe right
+                    game.goSide(1);
+                } else if (dx < -30) { // Swipe left
+                    game.goSide(-1);
+                }
+            } else {
+                if (dy > 30) { // Swipe down
+                    game.goDown();
+                }
+            }
+            drawGrid();
+            drawFigure();
+            drawText();
+        });
+
+        canvas.addEventListener('touchmove', (event) => {
+            event.preventDefault();
+        });
+
         window.onload = () => {
             document.getElementById('welcomeScreen').style.display = 'block';
             // No need to play music on window load