From 34c5857a23a2e5e88708b25c1990610a69f95c69 Mon Sep 17 00:00:00 2001
From: Kum1ta <eddydhj@gmail.com>
Date: Thu, 19 Sep 2024 16:21:40 +0200
Subject: [PATCH] Site     - new method for move ball in multiOnlineGame

---
 .../nginx/static/javascript/home3D/home3D.js  |  4 +--
 .../static/javascript/multiOnlineGame/Ball.js | 25 +++++++++++++------
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/docker-compose/requirements/nginx/static/javascript/home3D/home3D.js b/docker-compose/requirements/nginx/static/javascript/home3D/home3D.js
index c394aa7..f984ba3 100644
--- a/docker-compose/requirements/nginx/static/javascript/home3D/home3D.js
+++ b/docker-compose/requirements/nginx/static/javascript/home3D/home3D.js
@@ -6,7 +6,7 @@
 /*   By: edbernar <edbernar@student.42angouleme.    +#+  +:+       +#+        */
 /*                                                +#+#+#+#+#+   +#+           */
 /*   Created: 2024/08/22 17:19:17 by edbernar          #+#    #+#             */
-/*   Updated: 2024/09/18 23:51:51 by edbernar         ###   ########.fr       */
+/*   Updated: 2024/09/19 15:53:13 by edbernar         ###   ########.fr       */
 /*                                                                            */
 /* ************************************************************************** */
 
@@ -266,7 +266,7 @@ function home3D()
 			gltf.scene.children.forEach(elem => {
 				elem.traverse((child) => {
 					if (child.isMesh) {
-						child.material = material; // Appliquer le matériau aux meshes
+						child.material = material;
 						child.receiveShadow = true;
 						child.castShadow = true;
 					}
diff --git a/docker-compose/requirements/nginx/static/javascript/multiOnlineGame/Ball.js b/docker-compose/requirements/nginx/static/javascript/multiOnlineGame/Ball.js
index 41f18bc..5d95fba 100644
--- a/docker-compose/requirements/nginx/static/javascript/multiOnlineGame/Ball.js
+++ b/docker-compose/requirements/nginx/static/javascript/multiOnlineGame/Ball.js
@@ -6,7 +6,7 @@
 /*   By: edbernar <edbernar@student.42angouleme.    +#+  +:+       +#+        */
 /*                                                +#+#+#+#+#+   +#+           */
 /*   Created: 2024/08/20 17:02:47 by edbernar          #+#    #+#             */
-/*   Updated: 2024/09/17 15:13:50 by edbernar         ###   ########.fr       */
+/*   Updated: 2024/09/19 16:16:32 by edbernar         ###   ########.fr       */
 /*                                                                            */
 /* ************************************************************************** */
 
@@ -23,6 +23,9 @@ class Ball
 	interval	= null;
 	world		= null;
 	ballBody	= null;
+	lastTime	= 0;
+	velocity	= [0, 0];
+	lastPos		= [0, 0, 0];
 
 	constructor(scene, map)
 	{
@@ -122,17 +125,23 @@ class Ball
 	updatePos(content)
 	{
 		// {action: 5, pos: [ball.object.position.x, ball.object.position.z], velocity: [ball.object.velocity.x, ball.object.velocity.z]}
-
-		this.ballBody.position.x = content.pos[0];
-		this.ballBody.position.z = content.pos[1];
-		this.ballBody.velocity.set(content.velocity[0], 0, content.velocity[1]);
+		this.lastTime = new Date().getTime();
+		// this.ballBody.position.x = content.pos[0];
+		// this.ballBody.position.z = content.pos[1];
+		console.log(this.object.position);
+		this.lastPos = [content.pos[0], this.object.position.y, content.pos[1]];
+		this.velocity = content.velocity;
+		// this.ballBody.velocity.set(content.velocity[0], 0, content.velocity[1]);
 	}
 
 	update()
 	{
-		this.world.step(timeStep);
-		this.object.position.copy(this.ballBody.position);
-		this.object.quaternion.copy(this.ballBody.quaternion);
+		const	deltaTime = ((new Date().getTime()) - this.lastTime) / 1000;
+		const	x = this.lastPos[0] + (deltaTime * this.velocity[0]);
+		const	z = this.lastPos[2] + (deltaTime * this.velocity[1]);
+		this.object.position.set(x, this.object.position.y, z);
+		// this.object.position.copy(this.ballBody.position);
+		// this.world.step(timeStep);
 	}
 
 	dispose()