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

Game

Browse Source 
- Update player class
This commit is contained in:
Kum1ta
2024-08-19 00:42:53 +02:00
parent 950abd0943
commit 227327fdf4
35 changed files with 374 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
site/real_game/class/Player.js
View File

@ -6,7 +6,7 @@
/* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */
/* Created: 2024/08/18 00:30:31 by edbernar #+# #+# */
/* Updated: 2024/08/18 16:17:18 by edbernar ### ########.fr */
/* Updated: 2024/08/19 00:42:13 by edbernar ### ########.fr */
/* */
/* ************************************************************************** */
@ -20,11 +20,13 @@ import * as THREE from 'three';
Exemple : w et a sont pressées -> pressedButton = ['w', 'a']
- Les lignes avec cleanup sont l'êquivalent d'un destructeur en CPP
- Pour appliquer des actions sur les touches, il suffit de faire ça dans la fonction
update en regardant si la touche voulue est pressée dans la variable "pressedButton"
update en regardant si la touche voulue est dans la variable "pressedButton"
- Par défaut, la caméra est accroché, si on veut qu'elle ne bouge plus, il faut
modifier "cameraFixed" à true
modifier "cameraFixed" à true (se fait avec la touche 'm' en jeu)
- Si on utilise une touche qui ne sera utilisée que pour un appui simple, il faudra la
mettre dans 'addEventListerner('keypress') et pas dans update()
mettre dans 'addEventListerner('keypress') et pas dans update() pour eviter les
problèmes de touche non détecté
- La variable "limits" sert à délimiter les mouvements de la barre
*/
/*
@ -32,18 +34,27 @@ import * as THREE from 'three';
- Ajouter une camera sur l'object (OK)
- Faire une fonction pour changer le mode de la camera (fix ou accrochée) (OK)
- Ajouter une rotation quand la caméra est fixe (OK)
- Corriger bug quand changement de caméra (camera qui se remet au dessus
quand on repasse au dessus alors qu'elle devrait être en dessous vu que la
barre est en haut). Mais peut etre faire ça quand la barre aura des mouvements
définis sur la hauteur.
*/
let playerExist = false;
const limits = {
up : 2,
down: 0.2,
left: -4,
right: 4,
}
class Player
{
pressedButton = [];
object = null;
camera = null;
speed = 0.05;
speed = 0.1;
cameraFixed = false;
orbital = null;
constructor (object, renderer)
{
@ -51,10 +62,7 @@ class Player
throw Error("Player is already init.");
playerExist = true;
this.object = object;
this.camera = new THREE.PerspectiveCamera(90, window.innerWidth / window.innerHeight, 0.1, 10000);
this.orbital = new OrbitControls(this.camera, renderer.domElement);
this.orbital.enableZoom = false;
this.camera = new THREE.PerspectiveCamera(80, window.innerWidth / window.innerHeight, 0.1, 10000);
this.cleanup = new FinalizationRegistry((heldValue) => {
playerExist = false;
@ -86,13 +94,16 @@ class Player
{
this.cameraFixed = !this.cameraFixed;
if (!this.cameraFixed)
{
this.setCameraPosition(
this.object.position.x,
this.object.position.y + 0.5,
this.object.position.z + 1
);
this.camera.rotation.set(0, 0, 0);
}
else
this.setCameraPosition(0, 1, 1)
this.setCameraPosition(0, 1, 0.7)
}
});
}
@ -103,27 +114,36 @@ class Player
i = 0;
if (this.cameraFixed)
{
this.orbital.target = new THREE.Vector3(this.object.position.x, this.object.position.y, this.object.position.z - 5);
this.orbital.update();
}
else
this.camera.rotation.set(0, 0, 0);
this.camera.lookAt(new THREE.Vector3(this.object.position.x / 4, (this.object.position.y + 1) / 1.75, this.object.position.z - 1.5));
while (i < this.pressedButton.length)
{
if (this.pressedButton[i] == 'w' || this.pressedButton[i] == 's')
if (this.pressedButton[i] == 'w' && this.object.position.y < limits.up)
{
this.object.position.y += (this.pressedButton[i] == 'w' ? this.speed : -this.speed);
this.object.position.y += this.speed;
if (!this.cameraFixed)
this.camera.position.y += (this.pressedButton[i] == 'w' ? this.speed : -this.speed);
this.camera.position.y += (this.speed / 2);
}
if (this.pressedButton[i] == 'a' || this.pressedButton[i] == 'd')
if (this.pressedButton[i] == 's' && this.object.position.y > limits.down)
{
this.object.position.x += (this.pressedButton[i] == 'a' ? -this.speed : this.speed);
this.object.position.y -= this.speed;
if (!this.cameraFixed)
this.camera.position.x += (this.pressedButton[i] == 'a' ? -this.speed : this.speed);
this.camera.position.y -= (this.speed / 2);
}
if (this.pressedButton[i] == 'd' && this.object.position.x < limits.right)
{
this.object.position.x += this.speed;
if (!this.cameraFixed)
this.camera.position.x += this.speed;
}
if (this.pressedButton[i] == 'a' && this.object.position.x > limits.left)
{
this.object.position.x -= this.speed;
if (!this.cameraFixed)
this.camera.position.x -= this.speed;
}
i++;
}
}