Fix mouse bug

client/public/build/main.bundle.js

@@ -65,7 +65,6 @@ var Player = /*#__PURE__*/function () {
       if (mouseX > ctx.canvas.width / 2 - this.radius && mouseX < ctx.canvas.width / 2 + this.radius && mouseY > ctx.canvas.height / 2 - this.radius && mouseY < ctx.canvas.height / 2 + this.radius) {
         return;
       }
-      console.log(mouseX, ctx.canvas.width / 2);
       this.x += this.direction.x * this.speed;
       this.y += this.direction.y * this.speed;
       if (this.x < this.radius) this.x = this.radius;
@@ -79,9 +78,9 @@ var Player = /*#__PURE__*/function () {
     }
   }, {
     key: "moveTo",
-    value: function moveTo(x, y) {
-      var directionX = x - this.x;
-      var directionY = y - this.y;
+    value: function moveTo(x, y, canvas) {
+      var directionX = x - canvas.width / 2;
+      var directionY = y - canvas.height / 2;
       var distance = Math.sqrt(Math.pow(directionX, 2) + Math.pow(directionY, 2));
       this.direction.x = directionX / distance;
       this.direction.y = directionY / distance;
@@ -295,7 +294,7 @@ canvas.addEventListener("mousemove", function (event) {
   event.preventDefault();
   mouseX = event.clientX;
   mouseY = event.clientY;
-  player.moveTo(mouseX, mouseY);
+  player.moveTo(mouseX, mouseY, canvas);
 });
 function update() {
   ctx.save();
@@ -318,7 +317,6 @@ function update() {
   player.draw(ctx, image);
   player.move(ctx, mouseX, mouseY);
   ctx.restore();
-
   // Déplacer le contexte pour centrer la caméra sur le joueur
   //ctx.translate(-cameraX, -cameraY);
   requestAnimationFrame(update);

client/src/Player.js

@@ -53,7 +53,6 @@ class Player {
     ) {
       return;
     }
-    console.log(mouseX, ctx.canvas.width / 2);
     this.x += this.direction.x * this.speed;
     this.y += this.direction.y * this.speed;
 
@@ -66,9 +65,9 @@ class Player {
       this.y = ctx.height - this.radius;
     }
   }
-  moveTo(x, y) {
-    const directionX = x - this.x;
-    const directionY = y - this.y;
+  moveTo(x, y, canvas) {
+    const directionX = x - canvas.width /2;
+    const directionY = y - canvas.height /2;
 
     const distance = Math.sqrt(directionX ** 2 + directionY ** 2);
     this.direction.x = directionX / distance;

client/src/main.js

@@ -87,7 +87,7 @@ canvas.addEventListener("mousemove", (event) => {
   mouseX = event.clientX;
   mouseY = event.clientY;
 
-  player.moveTo(mouseX, mouseY);
+  player.moveTo(mouseX, mouseY, canvas);
 });
 
 function update() {
@@ -111,7 +111,6 @@ function update() {
   player.draw(ctx, image);
   player.move(ctx, mouseX, mouseY);
   ctx.restore();
-
   // Déplacer le contexte pour centrer la caméra sur le joueur
   //ctx.translate(-cameraX, -cameraY);
   requestAnimationFrame(update);