From 80f6fff1e0fea0d4c58ef30705d119284e2b5e9b Mon Sep 17 00:00:00 2001 From: Kum1ta Date: Tue, 20 Aug 2024 14:51:01 +0200 Subject: [PATCH] Game - Update player class (point animation) --- site/real_game/class/Player.js | 70 ++++++++++++++++++++-------------- site/real_game/index.html | 9 +---- site/real_game/style.css | 36 +++++++++++++++++ 3 files changed, 78 insertions(+), 37 deletions(-) create mode 100644 site/real_game/style.css diff --git a/site/real_game/class/Player.js b/site/real_game/class/Player.js index c925688..7424919 100644 --- a/site/real_game/class/Player.js +++ b/site/real_game/class/Player.js @@ -6,7 +6,7 @@ /* By: edbernar { - tmpCamera.lookAt(this.object.position); - hue += 0.01; - if (hue > 1) - hue = 0; - this.object.material.color.setHSL(hue, 1, 0.5); - tmpCamera.fov -= 0.05; - tmpCamera.updateProjectionMatrix(); - }, 10); + document.getElementsByTagName('canvas')[0].style.animation = 'fadeIn 0.199s'; + document.getElementsByTagName('canvas')[0].style.filter = 'brightness(0)'; setTimeout(() => { - clearInterval(interval); - this.camera = tmp; - this.object.material.color.copy(startColor); - this.isOnPointAnim = false; - if (!this.cameraFixed) - { - this.setCameraPosition( - this.object.position.x, - this.object.position.y - (this.object.position.y >= limits.up ? 0.7 : -0.7), - this.object.position.z + 1 - ); - } - }, 4000); + document.getElementsByTagName('canvas')[0].style.animation = 'fadeOut 0.199s'; + document.getElementsByTagName('canvas')[0].style.filter = 'brightness(1)'; + }, 300) + setTimeout(() => { + tmpCamera.position.set(3, 3, 3); + this.isOnPointAnim = true; + this.camera = tmpCamera; + interval = setInterval(() => { + tmpCamera.lookAt(this.object.position); + hue += 0.01; + if (hue > 1) + hue = 0; + this.object.material.color.setHSL(hue, 1, 0.5); + tmpCamera.fov -= 0.05; + tmpCamera.updateProjectionMatrix(); + }, 10); + setTimeout(() => { + clearInterval(interval); + this.camera = tmp; + this.object.material.color.copy(startColor); + this.isOnPointAnim = false; + if (!this.cameraFixed) + { + this.setCameraPosition( + this.object.position.x, + this.object.position.y - (this.object.position.y >= limits.up ? 0.7 : -0.7), + this.object.position.z + 1 + ); + } + document.getElementsByTagName('canvas')[0].style.animation = 'fadeIn 0.199s'; + setTimeout(() => { + document.getElementsByTagName('canvas')[0].style.animation = 'fadeOut 0.199s'; + }, 300) + }, 4000); + }, 200) } update() diff --git a/site/real_game/index.html b/site/real_game/index.html index 88a7967..ca4c090 100644 --- a/site/real_game/index.html +++ b/site/real_game/index.html @@ -2,14 +2,7 @@ Page - + diff --git a/site/real_game/style.css b/site/real_game/style.css new file mode 100644 index 0000000..4f714d0 --- /dev/null +++ b/site/real_game/style.css @@ -0,0 +1,36 @@ +/* ************************************************************************** */ +/* */ +/* ::: :::::::: */ +/* style.css :+: :+: :+: */ +/* +:+ +:+ +:+ */ +/* By: edbernar