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
|
/**
* @module Ball
*/
import { START_NO_OF_BALLS, MAP_WIDTH, MAP_HEIGHT, COLORS } from "./consts";
import { getRandomInt, getRandomEl } from "./utils";
import { finishGame, getTd, setFunnyText } from "./ui";
/** Ball is the class for holding ball data and ball logic */
export class Ball {
/// x coordinate
x: number;
/// y coordinate
y: number;
/// color of ball
color: string;
/**
* Basic constructor for ball
* @param x x coord
* @param y y coord
* @param color color
*/
constructor(x: number, y: number, color: string) {
this.x = x;
this.y = y;
this.color = color;
}
/**
* Getter for this ball <td>
* @returns Td of this ball
*/
get td() {
return getTd(this.x, this.y);
}
/**
* Helper
* @param b Another abll to check for equality with this
* @returns True if balls have same coordinates else false
*/
isEqual(b: Ball) {
if (!b) throw Error("b is undeifneds")
if (!this) throw Error("this is undeifneds")
return this.x === b.x && this.y === b.y;
}
/** Makes generating balls more funny */
@funny
/**
* Creates table of new balls
* @param currentBalls Current balls
* @returns New balls
*/
static generateNewBalls(currentBalls: Ball[]): Array<Ball> {
const out = <Ball[]>[];
for (let i = 0; i < START_NO_OF_BALLS; i++) {
let x: number, y: number, color: string;
do {
[x, y, color] = [getRandomInt(0, MAP_HEIGHT), getRandomInt(0, MAP_WIDTH), Nexts.pop()];
if (currentBalls.length + out.length >= MAP_WIDTH * MAP_HEIGHT) {
finishGame(false);
return out;
}
} while (
out.find(b => b.x === x && b.y === y) ||
currentBalls.find(b => b.x === x && b.y === y)
)
out.push(new Ball(x, y, color));
}
// out.push(new Ball(1, 1, COLORS[1]))
return out;
}
}
/**
* Function used only as a decorator, makes `generateNewBalls` more funny
* @param _target - not used
* @param _propertyKey - name of decorated function
* @param descriptor - object with decorated function
*/
function funny(_target: any, _propertyKey: "generateNewBalls", descriptor: PropertyDescriptor) {
const orig = descriptor.value;
descriptor.value = function(currentBalls: Ball[]) {
let bolzNumber = currentBalls.length + START_NO_OF_BALLS;
if (bolzNumber > 81) bolzNumber = 81
const txts = [
"Mmmmmm masz " + bolzNumber + " kuleczek",
bolzNumber + " pysznych kuleczek",
"Masz jakas rozowa kuleczke?",
"Show me your bolz!",
"Deez nuts",
`Vous avez ${bolzNumber} boules`,
"Yummy yummu yummy, must be funny",
"Ou, I thought you died of ligma",
"Kuleczek moc!!",
"Keep it goin' bro",
"You know deez?",
"Luuubie kuleczki ^^",
"BoulzNumber: " + bolzNumber + ". It's under 9000!",
]
setFunnyText(getRandomEl(txts))
return orig(currentBalls);
};
};
/** Class wraper for showing next balls */
export class Nexts {
/** HTMLDivElements that shows next balls */
static els = Array.from(document.querySelectorAll("#next div")) as HTMLDivElement[]
/** Setter to properly set new next balls */
static setEls() {
for (const el of this.els) {
if (el.style.backgroundColor === "") {
el.style.backgroundColor = getRandomEl(COLORS);
}
}
}
/** Function to get first new color and rotate rest of them */
static pop() {
const out = this.els[0].style.backgroundColor;
this.els[0].style.backgroundColor = this.els[1].style.backgroundColor;
this.els[1].style.backgroundColor = this.els[2].style.backgroundColor
this.els[2].style.backgroundColor = getRandomEl(COLORS)
return out;
}
}
|
