110 lines
3.0 KiB
JavaScript
110 lines
3.0 KiB
JavaScript
/* ************************************************************************** */
|
|
/* */
|
|
/* ::: :::::::: */
|
|
/* Players.js :+: :+: :+: */
|
|
/* +:+ +:+ +:+ */
|
|
/* By: hubourge <hubourge@student.42.fr> +#+ +:+ +#+ */
|
|
/* +#+#+#+#+#+ +#+ */
|
|
/* Created: 2024/08/28 15:12:25 by edbernar #+# #+# */
|
|
/* Updated: 2024/11/19 15:07:11 by hubourge ### ########.fr */
|
|
/* */
|
|
/* ************************************************************************** */
|
|
|
|
import * as THREE from '/static/javascript/three/build/three.module.js'
|
|
import { layoutSelected } from '/static/javascript/lobbyPage/main.js'
|
|
|
|
const speed = 0.25;
|
|
let player1 = null;
|
|
let player2 = null;
|
|
let pressedButton = [];
|
|
let key = null;
|
|
|
|
class Players
|
|
{
|
|
static create(scene)
|
|
{
|
|
player1 = newBarPlayer(1, 0xffffff);
|
|
player2 = newBarPlayer(2, 0xffffff);
|
|
|
|
key = {
|
|
up: layoutSelected.US ? "w" : "z",
|
|
};
|
|
scene.add(player1);
|
|
scene.add(player2);
|
|
document.addEventListener('keydown', addKeyInArr);
|
|
document.addEventListener('keyup', remKeyInArr);
|
|
}
|
|
|
|
static dispose()
|
|
{
|
|
document.removeEventListener('keydown', addKeyInArr);
|
|
document.removeEventListener('keyup', remKeyInArr);
|
|
player1 = null;
|
|
player2 = null;
|
|
key = null;
|
|
}
|
|
|
|
static update()
|
|
{
|
|
const limits = 4.55;
|
|
let i = 0;
|
|
|
|
while (i < pressedButton.length)
|
|
{
|
|
if (pressedButton[i] == key.up && player1.position.z > -limits)
|
|
player1.position.z -= speed;
|
|
else if (pressedButton[i] == 's' && player1.position.z < limits)
|
|
player1.position.z += speed;
|
|
else if (pressedButton[i] == 'ArrowUp' && player2.position.z > -limits)
|
|
player2.position.z -= speed;
|
|
else if (pressedButton[i] == 'ArrowDown' && player2.position.z < limits)
|
|
player2.position.z += speed;
|
|
i++;
|
|
}
|
|
}
|
|
|
|
static changeColor(player, color)
|
|
{
|
|
player.material.color.set(color);
|
|
}
|
|
}
|
|
|
|
function newBarPlayer(nbPlayer, color)
|
|
{
|
|
const geometry = new THREE.BoxGeometry(0.3, 0.4, 2.5);
|
|
const material = new THREE.MeshPhysicalMaterial({color: color});
|
|
const mesh = new THREE.Mesh(geometry, material);
|
|
|
|
mesh.castShadow = true;
|
|
mesh.receiveShadow = true;
|
|
if (nbPlayer == 1)
|
|
mesh.position.set(-12, 0.4, 0);
|
|
else
|
|
mesh.position.set(12, 0.4, 0);
|
|
return (mesh);
|
|
}
|
|
|
|
function addKeyInArr(e)
|
|
{
|
|
let i;
|
|
|
|
i = 0;
|
|
while (i < pressedButton.length && e.key != pressedButton[i])
|
|
i++;
|
|
if (i == pressedButton.length)
|
|
pressedButton.push(e.key);
|
|
}
|
|
|
|
function remKeyInArr(e)
|
|
{
|
|
let i;
|
|
|
|
i = 0;
|
|
while (i < pressedButton.length && e.key != pressedButton[i])
|
|
i++;
|
|
if (i != pressedButton.length)
|
|
pressedButton.splice(i, 1);
|
|
}
|
|
|
|
export { Players, player1, player2 };
|