From ceb3d0f629c48dcd11ccc21b9ea71d39bdd21a5b Mon Sep 17 00:00:00 2001
From: eideard-hm <edierhernandezmo@gmail.com>
Date: Fri, 15 Mar 2024 17:44:34 -0500
Subject: [PATCH] Add touch event handlers for mobile support

---
 02-arkanoid-game/index.html | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/02-arkanoid-game/index.html b/02-arkanoid-game/index.html
index 01ea8fb..e99ee2d 100644
--- a/02-arkanoid-game/index.html
+++ b/02-arkanoid-game/index.html
@@ -210,6 +210,8 @@
   function initEvents() {
     document.addEventListener('keydown', keyDownHandler)
     document.addEventListener('keyup', keyUpHandler)
+    document.addEventListener('touchstart', touchStartHandler, { passive: true });
+    document.addEventListener('touchend', touchEndHandler, { passive: true });
 
     function keyDownHandler(event) {
       const { key } = event
@@ -228,6 +230,20 @@
         leftPressed = false
       }
     }
+
+    function touchStartHandler(e) {
+      const touchX = e.touches[0].clientX;
+      if (touchX > canvas.width / 2) {
+        rightPressed = true;
+      } else {
+        leftPressed = true;
+      }
+    }
+
+    function touchEndHandler() {
+      rightPressed = false;
+      leftPressed = false;
+    }
   }
 
   // a que velocidad de fps queremos que renderice nuestro juego