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

Game Merged

Browse Source
This commit is contained in:
Hugo Bourgeon
2024-08-07 16:26:54 +02:00
parent aa01b67037
commit c29bbe1ee1
3 changed files with 44 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
site/game/elements.js Normal file
View File

@ -0,0 +1,34 @@
/* ************************************************************************** */
/* */
/* ::: :::::::: */
/* elements.js :+: :+: :+: */
/* +:+ +:+ +:+ */
/* By: hubourge <hubourge@student.42.fr> +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */
/* Created: 2024/08/07 16:07:51 by hubourge #+# #+# */
/* Updated: 2024/08/07 16:12:33 by hubourge ### ########.fr */
/* */
/* ************************************************************************** */
import * as THREE from 'three';
/* --- Box items --- */
let BoxWidth = 1;
let BoxHeight = 0.1;
let BoxThickness = 0.1;
function createBox(scene, x, y, z)
{
const geometryBox = new THREE.BoxGeometry(BoxWidth, BoxHeight, BoxThickness);
const materialBox = new THREE.MeshLambertMaterial({
color: 0xff0000,
});
const box = new THREE.Mesh(geometryBox, materialBox);
box.position.set(x, y, z);
box.rotateY(Math.PI / 2);
box.receiveShadow = true;
scene.add(box);
return box;
}
export { createBox };

11
site/game/main.js
View File

@ -3,15 +3,16 @@
/* ::: :::::::: */ /* ::: :::::::: */
/* main.js :+: :+: :+: */ /* main.js :+: :+: :+: */
/* +:+ +:+ +:+ */ /* +:+ +:+ +:+ */
/* By: edbernar <edbernar@student.42.fr> +#+ +:+ +#+ */ /* By: hubourge <hubourge@student.42.fr> +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */ /* +#+#+#+#+#+ +#+ */
/* Created: 2024/07/30 13:50:49 by edbernar #+# #+# */ /* Created: 2024/07/30 13:50:49 by edbernar #+# #+# */
/* Updated: 2024/08/07 16:21:01 by edbernar ### ########.fr */ /* Updated: 2024/08/07 16:26:11 by hubourge ### ########.fr */
/* */ /* */
/* ************************************************************************** */ /* ************************************************************************** */
import { sendRequest } from './websocket.js'; import { sendRequest } from './websocket.js';
import { MoveObject } from './controls.js'; import { MoveObject } from './controls.js';
import { createBox } from './elements.js';
import * as THREE from 'three'; import * as THREE from 'three';
import Stats from 'stats.js'; import Stats from 'stats.js';
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'; import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
@ -52,7 +53,11 @@ ball.castShadow = true;
scene.add(ball); scene.add(ball);
const controlBall = new MoveObject(ball); const controlBall = new MoveObject(ball);
// --------------- Box Constrols -------------- //
const boxLeft = createBox(scene, -4.45, 0.1 / 2, 0);
const boxRight = createBox(scene, 4.45, 0.1 / 2, 0);
const controlBoxLeft = new MoveObject(boxLeft);
const controlBoxRight = new MoveObject(boxRight);
let spotLight = createSpotLight(0xffffff, ball, scene); let spotLight = createSpotLight(0xffffff, ball, scene);
let lightAmbient = createLightAmbient(scene); let lightAmbient = createLightAmbient(scene);

20
site/game/map.js
View File

@ -3,10 +3,10 @@
/* ::: :::::::: */ /* ::: :::::::: */
/* map.js :+: :+: :+: */ /* map.js :+: :+: :+: */
/* +:+ +:+ +:+ */ /* +:+ +:+ +:+ */
/* By: edbernar <edbernar@student.42.fr> +#+ +:+ +#+ */ /* By: hubourge <hubourge@student.42.fr> +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */ /* +#+#+#+#+#+ +#+ */
/* Created: 2024/07/30 13:50:51 by edbernar #+# #+# */ /* Created: 2024/07/30 13:50:51 by edbernar #+# #+# */
/* Updated: 2024/08/07 16:20:08 by edbernar ### ########.fr */ /* Updated: 2024/08/07 16:26:17 by hubourge ### ########.fr */
/* */ /* */
/* ************************************************************************** */ /* ************************************************************************** */
@ -21,8 +21,6 @@ function createMap(scene) {
wallUp = createWall(scene, 0, 0.25, -2.3, 0.1); wallUp = createWall(scene, 0, 0.25, -2.3, 0.1);
wallDown = createWall(scene, 0, 0.25, 2.3, 0.1); wallDown = createWall(scene, 0, 0.25, 2.3, 0.1);
boxLeft = createBox(scene, 0, 0.25, 0);
// boxRight = createBox(scene, 0, 0.25, 0);
ground = createGround(scene); ground = createGround(scene);
} }
@ -50,18 +48,4 @@ function createGround(scene) {
return plane; return plane;
} }
function createBox(scene, x, y, z)
{
const geometryBox = new THREE.BoxGeometry(1, 0.5, 0.1);
const materialBox = new THREE.MeshLambertMaterial({
color: 0xff0000,
});
const box = new THREE.Mesh(geometryBox, materialBox);
box.position.set(x, y, z);
box.rotateY(Math.PI / 2);
box.receiveShadow = true;
scene.add(box);
return box;
}
export { createMap }; export { createMap };