From 6aa715978ecbc518a91694e11fe69c47c1d21892 Mon Sep 17 00:00:00 2001
From: Kum1ta <eddydhj@gmail.com>
Date: Wed, 28 Aug 2024 14:09:54 +0200
Subject: [PATCH] Game     - new class SoloGame/MultiGame

---
 site/real_game/class/MultiGame.js             | 186 ++++++++++++++++++
 site/real_game/class/SoloGame.js              |  70 +++++++
 site/real_game/class/{ => multiClass}/Ball.js |   0
 site/real_game/class/{ => multiClass}/Map.js  |   0
 .../class/{ => multiClass}/Opponent.js        |   0
 .../class/{ => multiClass}/Player.js          |   0
 .../real_game/class/{ => multiClass}/Video.js |   0
 site/real_game/class/soloClass/Map.js         |  37 ++++
 site/real_game/main.js                        | 181 +----------------
 9 files changed, 299 insertions(+), 175 deletions(-)
 create mode 100644 site/real_game/class/MultiGame.js
 create mode 100644 site/real_game/class/SoloGame.js
 rename site/real_game/class/{ => multiClass}/Ball.js (100%)
 rename site/real_game/class/{ => multiClass}/Map.js (100%)
 rename site/real_game/class/{ => multiClass}/Opponent.js (100%)
 rename site/real_game/class/{ => multiClass}/Player.js (100%)
 rename site/real_game/class/{ => multiClass}/Video.js (100%)
 create mode 100644 site/real_game/class/soloClass/Map.js

diff --git a/site/real_game/class/MultiGame.js b/site/real_game/class/MultiGame.js
new file mode 100644
index 0000000..55c7ce8
--- /dev/null
+++ b/site/real_game/class/MultiGame.js
@@ -0,0 +1,186 @@
+/* ************************************************************************** */
+/*                                                                            */
+/*                                                        :::      ::::::::   */
+/*   MultiGame.js                                       :+:      :+:    :+:   */
+/*                                                    +:+ +:+         +:+     */
+/*   By: edbernar <edbernar@student.42angouleme.    +#+  +:+       +#+        */
+/*                                                +#+#+#+#+#+   +#+           */
+/*   Created: 2024/08/18 00:53:53 by edbernar          #+#    #+#             */
+/*   Updated: 2024/08/28 14:07:25 by edbernar         ###   ########.fr       */
+/*                                                                            */
+/* ************************************************************************** */
+
+import * as THREE from 'three';
+// import * as THREE from '/static/javascript/three/build/three.module.js';
+import { Player } from './multiClass/Player'
+import { Map } from './multiClass/Map'
+import { Ball } from './multiClass/Ball'
+import { Opponent } from './multiClass/Opponent'
+import { OrbitControls } from 'three/examples/jsm/Addons.js';
+import Stats from 'stats.js';
+
+/*
+Controls :
+	- w : monter
+	- s : descendre
+	- a : gauche
+	- d : droite
+
+	- g : animation de point
+	- h : animation de point pour l'adversaire
+	- c : switch entre la vue du joueur et la vue de la caméra
+	- q : lancer animation sur les jumpers
+
+	- 8 : avance la balle
+	- 2 : recule la balle
+	- 4 : balle vers la gauche
+	- 6 : balle vers ladroite
+	- 9 : inversion gravite
+*/
+
+let	debug = false;
+const fpsLocker = {
+	status: false,
+	limit: 60,
+};
+let previousTime		= 0;
+let scene				= null;
+let map					= null;
+let ball				= null;
+let renderer			= null;
+let player				= null;
+let spotLight			= null;
+let ambiantLight		= null; 
+let opponent			= null;
+
+// ------------------- (need to be remove) -------------------- //
+const stats = new Stats();
+stats.showPanel(0);
+document.body.appendChild(stats.dom);
+
+const cameraTmp = new THREE.PerspectiveCamera(90, window.innerWidth / window.innerHeight);
+let controls = null;
+// ------------------------------------------------------------ //
+
+class MultiGame
+{
+	static create()
+	{
+		const bar1		= createBarPlayer(0xed56ea);
+		const bar2		= createBarPlayer(0xf3e11e);
+
+		previousTime	= Date.now();
+		scene			= new THREE.Scene()
+		map				= new Map(scene, 13, true);
+		renderer		= new THREE.WebGLRenderer({antialias: true});
+		renderer.shadowMap.enabled = true;
+		renderer.shadowMap.type = THREE.PCFSoftShadowMap;
+		player			= new Player(bar1, map);
+		spotLight		= new THREE.SpotLight(0xffffff, 10000, 0, 0.2);
+		spotLight.castShadow = true;
+		ambiantLight	= new THREE.AmbientLight(0xffffff, 0.5);
+		ball			= new Ball(scene, map);
+		opponent		= new Opponent(bar2, map);
+		debug			= false;
+
+		scene.add(player.object);
+		scene.add(opponent.object);
+		scene.add(ambiantLight);
+		spotLight.position.set(0, 100, 0);
+		scene.add(spotLight);
+		scene.background = new THREE.Color(0x1a1a1a);
+		renderer.setSize(window.innerWidth, window.innerHeight);
+		document.body.appendChild(renderer.domElement);
+		ball.initMoveBallTmp();
+		map.ballObject = ball.object;
+
+		controls = new OrbitControls(cameraTmp, renderer.domElement)
+		cameraTmp.position.set(5, 3, 5);
+		controls.target = new THREE.Vector3(map.centerPos.x, 0, map.centerPos.z);
+
+		
+		document.addEventListener('keypress', (e) => {
+			if (e.key == 'g')
+				player.pointAnimation(map);
+			if (e.key == 'h')
+				player.pointOpponentAnimation(map, opponent.object);
+			if (e.key == 'c')
+				debug = !debug;
+		})
+
+		renderer.setAnimationLoop(loop)
+	}
+
+	static dispose()
+	{
+		debug = false;
+
+		if (renderer)
+			renderer.dispose();
+		renderer = null;
+		if (map)
+			map.dispose();
+		map = null;
+		if (ball)
+			ball.dispose();
+		ball = null;
+		if (player)
+			player.dispose();
+		player = null;
+		if (opponent)
+			opponent.dispose();
+		opponent = null;
+		if (scene)
+		{
+			scene.children.forEach(child => {
+				if (child.geometry)
+					child.geometry.dispose();
+				if (child.material)
+					child.material.dispose();
+				if (child.texture)
+					child.texture.dispose();
+				scene.remove(child);
+			});
+		}
+		scene = null;
+	}
+}
+
+
+function createBarPlayer(color)
+{
+	const geometry	= new THREE.BoxGeometry(1, 0.1, 0.1);
+	const material	= new THREE.MeshPhysicalMaterial({color: color});
+	const mesh		= new THREE.Mesh(geometry, material);
+
+	mesh.castShadow = true;
+	return (mesh);
+}
+
+function loop()
+{
+	stats.begin();
+	// ===== FPS locker ===== //
+	if (fpsLocker.status)
+	{
+		const currentTime = Date.now();
+		if (currentTime - previousTime < 1000 / 60)
+			return ;
+		previousTime = currentTime;
+	}
+	// ====================== //
+
+	player.update();
+	map.update(ball);
+	if (debug)
+	{
+		controls.update();
+		renderer.render(scene, cameraTmp);
+	}
+	else
+		renderer.render(scene, player.camera);
+
+	stats.end();
+}
+
+export { MultiGame, stats };
\ No newline at end of file
diff --git a/site/real_game/class/SoloGame.js b/site/real_game/class/SoloGame.js
new file mode 100644
index 0000000..1790500
--- /dev/null
+++ b/site/real_game/class/SoloGame.js
@@ -0,0 +1,70 @@
+/* ************************************************************************** */
+/*                                                                            */
+/*                                                        :::      ::::::::   */
+/*   SoloGame.js                                        :+:      :+:    :+:   */
+/*                                                    +:+ +:+         +:+     */
+/*   By: edbernar <edbernar@student.42angouleme.    +#+  +:+       +#+        */
+/*                                                +#+#+#+#+#+   +#+           */
+/*   Created: 2024/08/28 12:07:39 by edbernar          #+#    #+#             */
+/*   Updated: 2024/08/28 14:07:55 by edbernar         ###   ########.fr       */
+/*                                                                            */
+/* ************************************************************************** */
+
+import * as THREE from 'three';
+import { Map } from './soloClass/Map.js'
+import { stats } from './MultiGame.js';
+
+let	scene		= 	null;
+let	renderer	=	null;
+let	camera		=	null;
+let	map			=	null;
+
+class SoloGame
+{
+	static create()
+	{
+		scene = new THREE.Scene();
+		renderer = new THREE.WebGLRenderer({antialias: true});
+		map = new Map(scene);
+		camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerWidth);
+		camera.rotation.x = -Math.PI / 2;
+		renderer.setSize(window.innerWidth, window.innerWidth);
+		scene.background = new THREE.Color(0xaaaaaa);
+		document.body.appendChild(renderer.domElement);
+		scene.add(new THREE.AmbientLight(0xffffff, 1));
+		renderer.setAnimationLoop(loop)
+	}
+
+	static dispose()
+	{
+		if (map)
+			map.dispose();
+		map = null;
+		if (renderer)
+			renderer.dispose();
+		renderer = null;
+		camera = null;
+		if (scene)
+		{
+			scene.children.forEach(child => {
+				if (child.geometry)
+					child.geometry.dispose();
+				if (child.material)
+					child.material.dispose();
+				if (child.texture)
+					child.texture.dispose();
+				scene.remove(child);
+			});
+		}
+		scene = null;
+	}
+};
+
+function loop()
+{
+	stats.begin();
+	renderer.render(scene, camera);
+	stats.end();
+}
+
+export { SoloGame };
\ No newline at end of file
diff --git a/site/real_game/class/Ball.js b/site/real_game/class/multiClass/Ball.js
similarity index 100%
rename from site/real_game/class/Ball.js
rename to site/real_game/class/multiClass/Ball.js
diff --git a/site/real_game/class/Map.js b/site/real_game/class/multiClass/Map.js
similarity index 100%
rename from site/real_game/class/Map.js
rename to site/real_game/class/multiClass/Map.js
diff --git a/site/real_game/class/Opponent.js b/site/real_game/class/multiClass/Opponent.js
similarity index 100%
rename from site/real_game/class/Opponent.js
rename to site/real_game/class/multiClass/Opponent.js
diff --git a/site/real_game/class/Player.js b/site/real_game/class/multiClass/Player.js
similarity index 100%
rename from site/real_game/class/Player.js
rename to site/real_game/class/multiClass/Player.js
diff --git a/site/real_game/class/Video.js b/site/real_game/class/multiClass/Video.js
similarity index 100%
rename from site/real_game/class/Video.js
rename to site/real_game/class/multiClass/Video.js
diff --git a/site/real_game/class/soloClass/Map.js b/site/real_game/class/soloClass/Map.js
new file mode 100644
index 0000000..2679a30
--- /dev/null
+++ b/site/real_game/class/soloClass/Map.js
@@ -0,0 +1,37 @@
+/* ************************************************************************** */
+/*                                                                            */
+/*                                                        :::      ::::::::   */
+/*   Map.js                                             :+:      :+:    :+:   */
+/*                                                    +:+ +:+         +:+     */
+/*   By: edbernar <edbernar@student.42angouleme.    +#+  +:+       +#+        */
+/*                                                +#+#+#+#+#+   +#+           */
+/*   Created: 2024/08/28 12:23:48 by edbernar          #+#    #+#             */
+/*   Updated: 2024/08/28 14:01:24 by edbernar         ###   ########.fr       */
+/*                                                                            */
+/* ************************************************************************** */
+
+import * as THREE from 'three';
+
+class Map
+{
+	constructor(scene)
+	{
+		createGround(scene);
+	}
+
+	dispose()
+	{
+		
+	}
+}
+
+function createGround(scene)
+{
+	const	geometry	=	new THREE.PlaneGeometry(window.innerWidth / 100, window.innerHeight / 100);
+	const	material	=	new THREE.MeshPhysicalMaterial();
+	const	mesh		=	new THREE.Mesh(geometry, material);
+
+	scene.add(mesh);
+}
+
+export { Map };
\ No newline at end of file
diff --git a/site/real_game/main.js b/site/real_game/main.js
index cc7f479..ec7a0ec 100644
--- a/site/real_game/main.js
+++ b/site/real_game/main.js
@@ -5,182 +5,13 @@
 /*                                                    +:+ +:+         +:+     */
 /*   By: edbernar <edbernar@student.42angouleme.    +#+  +:+       +#+        */
 /*                                                +#+#+#+#+#+   +#+           */
-/*   Created: 2024/08/18 00:53:53 by edbernar          #+#    #+#             */
-/*   Updated: 2024/08/28 11:46:06 by edbernar         ###   ########.fr       */
+/*   Created: 2024/08/28 12:05:53 by edbernar          #+#    #+#             */
+/*   Updated: 2024/08/28 12:20:25 by edbernar         ###   ########.fr       */
 /*                                                                            */
 /* ************************************************************************** */
 
-import * as THREE from 'three';
-// import * as THREE from '/static/javascript/three/build/three.module.js';
-import { Player } from './class/Player'
-import { Map } from './class/Map'
-import { Ball } from './class/Ball'
-import { Opponent } from './class/Opponent'
-import { OrbitControls } from 'three/examples/jsm/Addons.js';
-import Stats from 'stats.js';
+import { MultiGame } from "./class/MultiGame";
+import { SoloGame } from "./class/SoloGame";
 
-/*
-Controls :
-	- w : monter
-	- s : descendre
-	- a : gauche
-	- d : droite
-
-	- g : animation de point
-	- h : animation de point pour l'adversaire
-	- c : switch entre la vue du joueur et la vue de la caméra
-	- q : lancer animation sur les jumpers
-
-	- 8 : avance la balle
-	- 2 : recule la balle
-	- 4 : balle vers la gauche
-	- 6 : balle vers ladroite
-	- 9 : inversion gravite
-*/
-
-let	debug = false;
-const fpsLocker = {
-	status: false,
-	limit: 60,
-};
-let previousTime		= 0;
-let scene				= null;
-let map					= null;
-let ball				= null;
-let renderer			= null;
-let player				= null;
-let spotLight			= null;
-let ambiantLight		= null; 
-let opponent			= null;
-
-// ------------------- (need to be remove) -------------------- //
-const stats = new Stats();
-stats.showPanel(0);
-document.body.appendChild(stats.dom);
-
-const cameraTmp = new THREE.PerspectiveCamera(90, window.innerWidth / window.innerHeight);
-let controls = null;
-// ------------------------------------------------------------ //
-
-class Game
-{
-	static create()
-	{
-		const bar1		= createBarPlayer(0xed56ea);
-		const bar2		= createBarPlayer(0xf3e11e);
-
-		previousTime	= Date.now();
-		scene			= new THREE.Scene()
-		map				= new Map(scene, 13, true);
-		renderer		= new THREE.WebGLRenderer({antialias: true});
-		renderer.shadowMap.enabled = true;
-		renderer.shadowMap.type = THREE.PCFSoftShadowMap;
-		player			= new Player(bar1, map);
-		spotLight		= new THREE.SpotLight(0xffffff, 10000, 0, 0.2);
-		spotLight.castShadow = true;
-		ambiantLight	= new THREE.AmbientLight(0xffffff, 0.5);
-		ball			= new Ball(scene, map);
-		opponent		= new Opponent(bar2, map);
-		debug			= false;
-
-		scene.add(player.object);
-		scene.add(opponent.object);
-		scene.add(ambiantLight);
-		spotLight.position.set(0, 100, 0);
-		scene.add(spotLight);
-		scene.background = new THREE.Color(0x1a1a1a);
-		renderer.setSize(window.innerWidth, window.innerHeight);
-		document.body.appendChild(renderer.domElement);
-		ball.initMoveBallTmp();
-		map.ballObject = ball.object;
-
-		controls = new OrbitControls(cameraTmp, renderer.domElement)
-		cameraTmp.position.set(5, 3, 5);
-		controls.target = new THREE.Vector3(map.centerPos.x, 0, map.centerPos.z);
-
-		
-		document.addEventListener('keypress', (e) => {
-			if (e.key == 'g')
-				player.pointAnimation(map);
-			if (e.key == 'h')
-				player.pointOpponentAnimation(map, opponent.object);
-			if (e.key == 'c')
-				debug = !debug;
-		})
-
-		renderer.setAnimationLoop(loop)
-	}
-
-	static dispose()
-	{
-		debug = false;
-
-		if (renderer)
-			renderer.dispose();
-		renderer = null;
-		if (map)
-			map.dispose();
-		map = null;
-		if (ball)
-			ball.dispose();
-		ball = null;
-		if (player)
-			player.dispose();
-		player = null;
-		if (opponent)
-			opponent.dispose();
-		opponent = null;
-		if (scene)
-		{
-			scene.children.forEach(child => {
-				if (child.geometry)
-					child.geometry.dispose();
-				if (child.material)
-					child.material.dispose();
-				if (child.texture)
-					child.texture.dispose();
-				scene.remove(child);
-			});
-		}
-		scene = null;
-	}
-}
-
-
-function createBarPlayer(color)
-{
-	const geometry	= new THREE.BoxGeometry(1, 0.1, 0.1);
-	const material	= new THREE.MeshPhysicalMaterial({color: color});
-	const mesh		= new THREE.Mesh(geometry, material);
-
-	mesh.castShadow = true;
-	return (mesh);
-}
-
-function loop()
-{
-	stats.begin();
-	// ===== FPS locker ===== //
-	if (fpsLocker.status)
-	{
-		const currentTime = Date.now();
-		if (currentTime - previousTime < 1000 / 60)
-			return ;
-		previousTime = currentTime;
-	}
-	// ====================== //
-
-	player.update();
-	map.update(ball);
-	if (debug)
-	{
-		controls.update();
-		renderer.render(scene, cameraTmp);
-	}
-	else
-		renderer.render(scene, player.camera);
-
-	stats.end();
-}
-
-Game.create();
+// MultiGame.create();
+SoloGame.create();