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

Game multi - Start animation in the function pointAnimation

Browse Source
This commit is contained in:
hubourge
2024-09-26 16:41:23 +02:00
parent 6e472c769c
commit 7d6eec100b
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
docker-compose/requirements/nginx/static/javascript/multiOnlineGame/Player.js
View File

@ -142,10 +142,12 @@ class Player
document.getElementsByTagName('canvas')[0].style.animation = 'fadeIn 0.199s'; document.getElementsByTagName('canvas')[0].style.animation = 'fadeIn 0.199s';
document.getElementsByTagName('canvas')[0].style.filter = 'brightness(0)'; document.getElementsByTagName('canvas')[0].style.filter = 'brightness(0)';
setTimeout(() => { setTimeout(() => {
document.getElementsByTagName('canvas')[0].style.animation = 'fadeOut 0.199s'; document.getElementsByTagName('canvas')[0].style.animation = 'fadeOut 0.199s';
document.getElementsByTagName('canvas')[0].style.filter = 'brightness(1)'; document.getElementsByTagName('canvas')[0].style.filter = 'brightness(1)';
}, 300) }, 300)
setTimeout(() => { setTimeout(() => {
tmpCamera.position.set(this.limits.left, this.limits.up / 2 + 0.5, map.centerPos.z); tmpCamera.position.set(this.limits.left, this.limits.up / 2 + 0.5, map.centerPos.z);
isOnPointAnim = true; isOnPointAnim = true;
@ -159,11 +161,24 @@ class Player
tmpCamera.fov -= 0.05; tmpCamera.fov -= 0.05;
tmpCamera.updateProjectionMatrix(); tmpCamera.updateProjectionMatrix();
}, 10); }, 10);
///////////////////////
// Ici je souhaite savoir ou la camera est oriente : this.playerGoalAnimation soit this.opponent.playerGoalAnimation
// Egalement, l'animation se lance uniquement sur 1 seul client (celui qui a marque le point)
setTimeout(() => {
if (0)
map.animationGoal(this.object.position.x, this.object.position.y, this.object.position.z, this.playerGoalAnimation);
else
map.animationGoal(this.object.position.x, this.object.position.y, this.object.position.z, this.opponent.playerGoalAnimation);
}, 1000);
///////////////////////
setTimeout(() => { setTimeout(() => {
clearInterval(interval); clearInterval(interval);
document.getElementsByTagName('canvas')[3].style.animation = null; document.getElementsByTagName('canvas')[3].style.animation = null;
document.getElementsByTagName('canvas')[3].style.animation = 'fadeInGames 0.99s'; document.getElementsByTagName('canvas')[3].style.animation = 'fadeInGames 0.99s';
document.getElementsByTagName('canvas')[3].style.filter = 'brightness(0)'; document.getElementsByTagName('canvas')[3].style.filter = 'brightness(0)';
setTimeout(() => { setTimeout(() => {
this.camera = tmp; this.camera = tmp;
this.object.material.color.copy(startColor); this.object.material.color.copy(startColor);