juni/junisaber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor gameover animations

Browse Source
This commit is contained in:
Kevin Ngo
2018-10-10 02:24:22 -07:00
parent 46b7b19b5a
commit f46f4e04b5
6 changed files with 77 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/gameover.js
View File

@@ -5,38 +5,35 @@ AFRAME.registerComponent('gameover', {
init: function () {
this.beatContainer = document.getElementById('beatContainer');
this.gameOverEls = document.querySelectorAll('[animation__gameover]');
},
update: function (oldData) {
var data = this.data;
if (!oldData.isGameOver && this.data.isGameOver){
console.log('starting slow down...');
this.el.sceneEl.setAttribute('stage-colors', 'red');
if (!oldData.isGameOver && this.data.isGameOver) {
this.triggerAnimations();
this.countDown = 1;
this.lastTime = performance.now();
}
if (oldData.isGameOver && !this.data.isGameOver){
this.resetStage();
if (oldData.isGameOver && !this.data.isGameOver) {
this.reset();
}
},
tick: function (time, delta) {
if (!this.data.isGameOver) { return; }
if (this.countDown >= 0){
this.el.sceneEl.emit('slowdown', {progress: this.countDown});
//this.beatContainer.object3D.position.z = -Math.pow(1 - this.countDown, 2) * 1.5;
if (this.countDown >= 0) {
this.beatContainer.object3D.position.z = -Math.pow(1 - this.countDown, 2) * 1.5;
this.countDown -= delta / 1000;
this.el.sceneEl.systems.beat.speed = this.countDown;
}
else {
this.data.start = false;
setTimeout(()=>{ this.el.sceneEl.emit('pausegame'); }, 1000);
}
},
resetStage: function () {
this.data.start = false;
reset: function () {
this.beatContainer.object3D.position.z = 0;
this.el.sceneEl.systems.beat.speed = 1.0;
this.el.sceneEl.setAttribute('stage-colors', 'blue');
},
triggerAnimations: function () {
for (let i = 0; i < this.gameOverEls.length; i++) {
this.gameOverEls[i].emit('gameover', null, false);
}
}
});