tom/METH_Transcendence
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Game

Browse Source 
- add changeColor for player
    - add changeGround for plane
This commit is contained in:
hubourge
2024-09-10 17:18:05 +02:00
parent 20c9c72fba
commit 6ed6194d82
4 changed files with 52 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
site/real_game/class/MultiGame.js
View File

@ -6,7 +6,7 @@
/* By: hubourge <hubourge@student.42.fr> +#+ +:+ +#+ */ /* By: hubourge <hubourge@student.42.fr> +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */ /* +#+#+#+#+#+ +#+ */
/* Created: 2024/08/18 00:53:53 by edbernar #+# #+# */ /* Created: 2024/08/18 00:53:53 by edbernar #+# #+# */
/* Updated: 2024/08/29 17:54:30 by hubourge ### ########.fr */ /* Updated: 2024/09/10 17:16:22 by hubourge ### ########.fr */
/* */ /* */
/* ************************************************************************** */ /* ************************************************************************** */
@ -105,7 +105,6 @@ class MultiGame
cameraTmp.position.set(5, 3, 5); cameraTmp.position.set(5, 3, 5);
controls.target = new THREE.Vector3(map.centerPos.x, 0, map.centerPos.z); controls.target = new THREE.Vector3(map.centerPos.x, 0, map.centerPos.z);
document.addEventListener('keypress', (e) => { document.addEventListener('keypress', (e) => {
if (e.key == 'g') if (e.key == 'g')
player.pointAnimation(map); player.pointAnimation(map);
@ -165,7 +164,6 @@ class MultiGame
} }
} }
function createBarPlayer(color) function createBarPlayer(color)
{ {
const geometry = new THREE.BoxGeometry(1, 0.1, 0.1); const geometry = new THREE.BoxGeometry(1, 0.1, 0.1);

10
site/real_game/class/SoloGame.js
View File

@ -3,16 +3,16 @@
/* ::: :::::::: */ /* ::: :::::::: */
/* SoloGame.js :+: :+: :+: */ /* SoloGame.js :+: :+: :+: */
/* +:+ +:+ +:+ */ /* +:+ +:+ +:+ */
/* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */ /* By: hubourge <hubourge@student.42.fr> +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */ /* +#+#+#+#+#+ +#+ */
/* Created: 2024/08/28 12:07:39 by edbernar #+# #+# */ /* Created: 2024/08/28 12:07:39 by edbernar #+# #+# */
/* Updated: 2024/09/08 17:02:58 by edbernar ### ########.fr */ /* Updated: 2024/09/10 17:16:02 by hubourge ### ########.fr */
/* */ /* */
/* ************************************************************************** */ /* ************************************************************************** */
import * as THREE from 'three'; import * as THREE from 'three';
import { Map } from './soloClass/Map.js' import { Map, ground } from './soloClass/Map.js'
import { Players } from './soloClass/Players.js' import { Players, player1, player2 } from './soloClass/Players.js'
import { Ball } from './soloClass/Ball.js' import { Ball } from './soloClass/Ball.js'
import { stats } from './MultiGame.js'; import { stats } from './MultiGame.js';
@ -38,7 +38,6 @@ class SoloGame
{ {
static create() static create()
{ {
scene = new THREE.Scene(); scene = new THREE.Scene();
renderer = new THREE.WebGLRenderer({antialias: true}); renderer = new THREE.WebGLRenderer({antialias: true});
renderer.domElement.style.animation = 'fadeOutStart 1s'; renderer.domElement.style.animation = 'fadeOutStart 1s';
@ -91,7 +90,6 @@ class SoloGame
} }
}; };
function loop() function loop()
{ {
stats.begin(); stats.begin();

42
site/real_game/class/soloClass/Map.js
View File

@ -3,10 +3,10 @@
/* ::: :::::::: */ /* ::: :::::::: */
/* Map.js :+: :+: :+: */ /* Map.js :+: :+: :+: */
/* +:+ +:+ +:+ */ /* +:+ +:+ +:+ */
/* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */ /* By: hubourge <hubourge@student.42.fr> +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */ /* +#+#+#+#+#+ +#+ */
/* Created: 2024/08/28 12:23:48 by edbernar #+# #+# */ /* Created: 2024/08/28 12:23:48 by edbernar #+# #+# */
/* Updated: 2024/09/08 17:04:12 by edbernar ### ########.fr */ /* Updated: 2024/09/10 17:16:43 by hubourge ### ########.fr */
/* */ /* */
/* ************************************************************************** */ /* ************************************************************************** */
@ -40,13 +40,12 @@ let initialSpeed = 3;
class Map class Map
{ {
static create(scene) static create(scene)
{ {
world = new CANNON.World({ world = new CANNON.World({
gravity: new CANNON.Vec3(0, -9.81, 0), gravity: new CANNON.Vec3(0, -9.81, 0),
}); });
ground = createGround(scene); ground = createGround(scene, '/textures/pastel.jpg');
wallBottom = createWall(false); wallBottom = createWall(false);
wallTop = createWall(true); wallTop = createWall(true);
spotLight = new THREE.SpotLight({color: 0xffffff}); spotLight = new THREE.SpotLight({color: 0xffffff});
@ -213,7 +212,6 @@ class Map
return; return;
} }
}); });
} }
static dispose() static dispose()
@ -302,14 +300,40 @@ class Map
scoreElement.style.color = 'rgb(255, 255, 255, 0.1)'; scoreElement.style.color = 'rgb(255, 255, 255, 0.1)';
}, 1200); }, 1200);
} }
static changeGround(ground, texture)
{
if (ground.material)
ground.material.dispose();
if (typeof(texture) == 'string')
{
const textureLoader = new THREE.TextureLoader();
texture = textureLoader.load(texture);
ground.material.map = texture;
}
else if (typeof(texture) == 'number')
ground.material.color.set(texture);
}
} }
function createGround(scene) function createGround(scene, texture)
{ {
const geometry = new THREE.PlaneGeometry(width, height); const geometry = new THREE.PlaneGeometry(width, height);
const material = new THREE.MeshPhysicalMaterial({color: 0x222222}); let material = null;
const mesh = new THREE.Mesh(geometry, material); let mesh = null;
if (typeof(texture) == 'string')
{
const textureLoader = new THREE.TextureLoader();
texture = textureLoader.load(texture);
material = new THREE.MeshPhysicalMaterial({ map: texture });
}
else if (typeof(texture) == 'number')
material = new THREE.MeshPhysicalMaterial({ color: texture });
else
material = new THREE.MeshPhysicalMaterial({color: 0x222222});
mesh = new THREE.Mesh(geometry, material);
mesh.rotateX(-Math.PI / 2); mesh.rotateX(-Math.PI / 2);
mesh.position.set(0, 0, 0); mesh.position.set(0, 0, 0);
scene.add(mesh); scene.add(mesh);
@ -324,4 +348,4 @@ function createWall(onTop)
return (mesh); return (mesh);
} }
export { Map, wallBottom, wallTop }; export { Map, wallBottom, wallTop, ground };

15
site/real_game/class/soloClass/Players.js
View File

@ -6,7 +6,7 @@
/* By: hubourge <hubourge@student.42.fr> +#+ +:+ +#+ */ /* By: hubourge <hubourge@student.42.fr> +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */ /* +#+#+#+#+#+ +#+ */
/* Created: 2024/08/28 15:12:25 by edbernar #+# #+# */ /* Created: 2024/08/28 15:12:25 by edbernar #+# #+# */
/* Updated: 2024/09/04 16:35:30 by hubourge ### ########.fr */ /* Updated: 2024/09/10 16:37:09 by hubourge ### ########.fr */
/* */ /* */
/* ************************************************************************** */ /* ************************************************************************** */
@ -21,8 +21,8 @@ class Players
{ {
static create(scene) static create(scene)
{ {
player1 = newBarPlayer(1); player1 = newBarPlayer(1, 0xffffff);
player2 = newBarPlayer(2); player2 = newBarPlayer(2, 0xffffff);
scene.add(player1); scene.add(player1);
scene.add(player2); scene.add(player2);
@ -58,12 +58,17 @@ class Players
i++; i++;
} }
} }
static changeColor(player, color)
{
player.material.color.set(color);
}
} }
function newBarPlayer(nbPlayer) function newBarPlayer(nbPlayer, color)
{ {
const geometry = new THREE.BoxGeometry(0.3, 0.4, 2.5); const geometry = new THREE.BoxGeometry(0.3, 0.4, 2.5);
const material = new THREE.MeshPhysicalMaterial({color: 0xffffff}); const material = new THREE.MeshPhysicalMaterial({color: color});
const mesh = new THREE.Mesh(geometry, material); const mesh = new THREE.Mesh(geometry, material);
mesh.castShadow = true; mesh.castShadow = true;