Site

- Add multi local game
    - Some minor changes in html/css
Django
    - add path for /game and /multiLocalGamePage
    - add template for multiLocalGame

docker-compose/requirements/nginx/static/javascript/multiLocalGame/Players.js

@@ -0,0 +1,105 @@
+/* ************************************************************************** */
+/*                                                                            */
+/*                                                        :::      ::::::::   */
+/*   Players.js                                         :+:      :+:    :+:   */
+/*                                                    +:+ +:+         +:+     */
+/*   By: edbernar <edbernar@student.42angouleme.    +#+  +:+       +#+        */
+/*                                                +#+#+#+#+#+   +#+           */
+/*   Created: 2024/08/28 15:12:25 by edbernar          #+#    #+#             */
+/*   Updated: 2024/09/14 00:20:51 by edbernar         ###   ########.fr       */
+/*                                                                            */
+/* ************************************************************************** */
+
+import * as THREE from '/static/javascript/three/build/three.module.js'
+
+const	speed			=	0.25;
+let		player1			=	null;
+let		player2			=	null;
+let		pressedButton	=	[];
+
+class Players
+{
+	static create(scene)
+	{
+		player1	= newBarPlayer(1, 0xffffff);
+		player2	= newBarPlayer(2, 0xffffff);
+
+		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;
+	}
+
+	static update()
+	{
+		const	limits	= 4.55;
+		let		i		= 0;
+
+		while (i < pressedButton.length)
+		{
+			if (pressedButton[i] == 'w' && player1.position.z > -limits)
+				player1.position.z -= speed;
+			if (pressedButton[i] == 'z' && 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 };