From c0924bb77556aa840caa1050f5e55ce35d5204dc Mon Sep 17 00:00:00 2001
From: zackproject <zackprojectapp@gmail.com>
Date: Wed, 21 Feb 2024 19:30:08 +0100
Subject: [PATCH] Add Mouse Event for paddle

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

diff --git a/02-arkanoid-game/index.html b/02-arkanoid-game/index.html
index 6559f38..20b6607 100644
--- a/02-arkanoid-game/index.html
+++ b/02-arkanoid-game/index.html
@@ -206,6 +206,7 @@
   function initEvents() {
     document.addEventListener('keydown', keyDownHandler)
     document.addEventListener('keyup', keyUpHandler)
+    document.onmousemove = moveMousePaddle;
 
     function keyDownHandler(event) {
       const { key } = event
@@ -226,6 +227,16 @@
     }
   }
 
+
+  function moveMousePaddle(event) {
+    const canv = canvas.getBoundingClientRect(); // Posición del canvas
+    const mousePosX = event.pageX - canv.left; // Posición del ratón en el canvas
+    // El 'paddle' solo se moverá si es dentro del canvas
+    if (mousePosX > 0 && mousePosX < (canvas.width - paddleWidth)) {
+      paddleX = mousePosX;
+    }
+  }
+
   function draw() {
     cleanCanvas()
     // hay que dibujar los elementos