continue

index.html

@@ -479,7 +479,109 @@
         document.addEventListener('keydown', (e) => {
             switch (e.key) {
                 case 'ArrowUp':
-                    if (direction !== 'down') nextDirection = 'up';
+                    if (direction !== 'up') nextDirection = 'down';
+                    break;
+                case 'ArrowLeft':
+                    if (direction !== 'right') nextDirection = 'left';
+                    break;
+                case 'ArrowRight':
+                    if (direction !== 'left') nextDirection = 'right';
+                    break;
+                case ' ':
+                    isPaused = !isPaused;
+                    if (isPaused) {
+                        bgMusic.pause();
+                    } else if (isSoundOn) {
+                        bgMusic.play().catch(e => console.log("Autoplay prevented:", e));
+                    }
+                    break;
+            }
+        });
+
+        // Touch controls for mobile
+        canvas.addEventListener('touchstart', (e) => {
+            touchStartX = e.touches[0].clientX;
+            touchStartY = e.touches[0].clientY;
+        }, { passive: false });
+
+        canvas.addEventListener('touchmove', (e) => {
+            if (!touchStartX || !touchStartY) return;
+            
+            const touchEndX = e.touches[0].clientX;
+            const touchEndY = e.touches[0].clientY;
+            
+            const diffX = touchStartX - touchEndX;
+            const diffY = touchStartY - touchEndY;
+            
+            if (Math.abs(diffX) > Math.abs(diffY)) {
+                // Horizontal swipe
+                if (diffX > 0 && direction !== 'right') {
+                    nextDirection = 'left';
+                } else if (diffX < 0 && direction !== 'left') {
+                    nextDirection = 'right';
+                }
+            } else {
+                // Vertical swipe
+                if (diffY > 0 && direction !== 'down') {
+                    nextDirection = 'up';
+                } else if (diffY < 0 && direction !== 'up') {
+                    nextDirection = 'down';
+                }
+            }
+            
+            touchStartX = 0;
+            touchStartY = 0;
+            e.preventDefault();
+        }, { passive: false });
+
+        // Button event listeners
+        startBtn.addEventListener('click', () => {
+            startScreen.classList.add('hidden');
+            initGame();
+        });
+
+        restartBtn.addEventListener('click', () => {
+            gameOverScreen.classList.add('hidden');
+            initGame();
+        });
+
+        soundBtn.addEventListener('click', () => {
+            isSoundOn = !isSoundOn;
+            if (isSoundOn) {
+                soundBtn.innerHTML = '<i data-feather="volume-2"></i>';
+                bgMusic.play().catch(e => console.log("Autoplay prevented:", e));
+            } else {
+                soundBtn.innerHTML = '<i data-feather="volume-x"></i>';
+                bgMusic.pause();
+            }
+            feather.replace();
+        });
+
+        fullscreenBtn.addEventListener('click', () => {
+            if (!document.fullscreenElement) {
+                canvas.requestFullscreen().catch(err => {
+                    alert(`Error attempting to enable fullscreen: ${err.message}`);
+                });
+            } else {
+                document.exitFullscreen();
+            }
+        });
+
+        // Initialize
+        window.addEventListener('load', () => {
+            resizeCanvas();
+            drawGame();
+            feather.replace();
+            
+            // Try to autoplay music with user interaction
+            document.addEventListener('click', () => {
+                if (isSoundOn) {
+                    bgMusic.play().catch(e => console.log("Autoplay prevented:", e));
+                }
+            }, { once: true });
+        });
+    </script>
+'down') nextDirection = 'up';
                     break;
                 case 'ArrowDown':
                     if (direction !==