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

Game multi - Add fadeInGame when goal - Fix fadeOutGame after goalAnimation

Browse Source
This commit is contained in:
hubourge
2024-09-26 15:58:22 +02:00
parent 51ab7a9b3c
commit 6e472c769c
2 changed files with 24 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
docker-compose/requirements/nginx/static/javascript/multiOnlineGame/Map.js
View File

@ -980,14 +980,25 @@ class Map
} }
}; };
updateScore(name, score) updateScore(name, score) // document.getElementsByTagName('canvas')[0] Si fondu noir marche pas c'est la
{ {
if (name == "player") console.log("fadeIN");
score.player++; document.getElementsByTagName('canvas')[3].style.animation = 'fadeInGames 0.99s';
else if (name == "opponent") document.getElementsByTagName('canvas')[3].style.filter = 'brightness(0)';
score.opponent++;
drawScore(score); setTimeout(() => {
textureTextScore.needsUpdate = true; document.getElementsByTagName('canvas')[3].style.animation = 'fadeOutGames 0.99s';
document.getElementsByTagName('canvas')[3].style.filter = 'brightness(1)';
}, 200);
setTimeout(() => {
if (name == "player")
score.player++;
else if (name == "opponent")
score.opponent++;
drawScore(score);
textureTextScore.needsUpdate = true;
}, 200);
} }
reCreate(name) reCreate(name)

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

@ -161,9 +161,9 @@ class Player
}, 10); }, 10);
setTimeout(() => { setTimeout(() => {
clearInterval(interval); clearInterval(interval);
document.getElementsByTagName('canvas')[0].style.animation = null; document.getElementsByTagName('canvas')[3].style.animation = null;
document.getElementsByTagName('canvas')[0].style.animation = 'fadeIn 0.19s'; document.getElementsByTagName('canvas')[3].style.animation = 'fadeInGames 0.99s';
document.getElementsByTagName('canvas')[0].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);
@ -176,9 +176,9 @@ class Player
this.object.position.z + 1.5 this.object.position.z + 1.5
); );
} }
document.getElementsByTagName('canvas')[0].style.animation = 'fadeOut 0.199s'; document.getElementsByTagName('canvas')[3].style.animation = 'fadeOutGames 0.99s';
document.getElementsByTagName('canvas')[0].style.filter = 'brightness(1)'; document.getElementsByTagName('canvas')[3].style.filter = 'brightness(1)';
}, 200); }, 400);
}, 4000); }, 4000);
}, 200) }, 200)
} }