/
Score.js
129 lines (123 loc) · 3.75 KB
/
Score.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
/**
This connected with score like computing and showing it
@param {Object} elem DOM element, it shows score
@param {Object} addedScoreElem DOM element, it shows score what player just got
*/
var Score = function ( elem, addedScoreElem ) {
'use strict';
let score = 0;
let removedRows = 0;
let startTimer;// time when player starts game
let endTimer;// time when player ends game
let comboRows = [ 0,0,0,0,0 ];
let fontSizeAddedScore = +window.getComputedStyle(addedScoreElem,null).getPropertyValue('font-size').split(/[a-zA-Z]+/)[0];
const init = () => {
resetScore();
}
const showScore = (addedScore = 0) => {
animateScore(addedScore);
addedScoreElem.innerHTML = '+' + addedScore;
addedScoreElem.style.fontSize = fontSizeAddedScore + 2 * addedScore / 100 + 'px';
}
/**
very simply animation of score
@param {Number} addedScore amount points which player just got
*/
const animateScore = (addedScore = 0) => {
addedScoreElem.style.display = 'block';//show element which presents amount of points which player got
let scoreBegin = score;
let increase = addedScore/100;
score += addedScore;
//animation
const anim = () => {
scoreBegin += increase;
let scoreLen = ('' + scoreBegin).length;
let finalScore = '';
for (let i = scoreLen; i < 9; i++) finalScore += '0'; //add leading 0
finalScore += scoreBegin;
elem.innerHTML = finalScore;
if ( scoreBegin < score ) {
window.requestAnimationFrame(anim);
} else {
addedScoreElem.style.display = 'none'; // hide
}
}
anim();
}
/**
give points to player according to amount of rows
@param {Number} rows amount of removed rows by player
*/
const updateScore = ( rows = 0 ) => {
let addedScore = 0;
comboRows[rows]++;
// no-case-declarations.
switch (rows) {
case 1: {
addedScore+=100;
break;
}
case 2: {
addedScore+=200;
break;
}
case 3: {
addedScore+=400;
break;
}
case 4: {
addedScore+=800;
break;
}
default: {
return false;
}
}
removedRows += rows;
showScore(addedScore);
}
/**
public function, it resets global variables which contains information about score
*/
const resetScore = () => {
score = 0;
removedRows = 0;
comboRows = [ 0,0,0,0,0 ];
addedScoreElem.innerHTML = '';
elem.innerHTML = '000000000';
startTimer = new Date();
endTimer = startTimer;
}
/**
public function, it computing score based on rows
@param {int} rows how many rows player removed
*/
const computeScore = ( rows = 0 ) => {
updateScore(rows);
}
const stopTime = () => {
endTimer = new Date();
}
/**
public function, it provides statistics to GameMenu.js
@return {Object} last statistics, after lost game
*/
const getLastStats = () => {
return {
'Score': score,
'Rows': removedRows,
'Combo 1 row': comboRows[1],
'Combo 2 rows': comboRows[2],
'Combo 3 rows': comboRows[3],
'Combo 4 rows': comboRows[4],
'Time': endTimer - startTimer
};
}
init();
return {
resetScore,
computeScore,
stopTime,
getLastStats
}
}