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

13
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
{
console.log("fadeIN");
document.getElementsByTagName('canvas')[3].style.animation = 'fadeInGames 0.99s';
document.getElementsByTagName('canvas')[3].style.filter = 'brightness(0)';
setTimeout(() => {
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)

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

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