(function () {
- var canvas = document.querySelector('canvas'),
- r = Math.random,
- pi = Math.PI,
- cos = Math.cos,
- sin = Math.sin,
- ctx = canvas.getContext('2d'),
+ var K = document.querySelector('canvas'),
+ { random: r, PI, cos, sin, floor, atan2 } = Math,
+ ctx = K.getContext('2d'),
fps = 24,
lst = 0,
spd = 1,
siz = 5 + rnd(10),
- clr = !!(r() > 0.5),
- ccl = !!(r() > 0.5),
+ clr = r() > 0.5,
+ ccl = r() > 0.5,
I = Array(rnd(10) + 6).fill(null).map(() => ({
x: rnd(64),
y: rnd(64),
- a: r() * 2 * pi,
+ a: r() * 2 * PI,
c: Array(3).fill(rnd(256))
})),
SHP = [sqr, crc, hrt, chs, lch],
pos = POS[rnd(POS.length)];
function rnd (x) {
- return Math.floor(r() * x);
+ return floor(r() * x);
}
function sqr(i) {
var p = pos(i);
ctx.beginPath();
- ctx.arc(p.x, p.y, siz / 2, 0, 2 * pi);
+ ctx.arc(p.x, p.y, siz / 2, 0, 2 * PI);
ctx.fill();
}
ctx.stroke();
}
- function sqr(i) {
-
- var p = pos(i);
- ctx.fillRect(p.x, p.y, siz, siz);
- }
-
function hrt(i) {
var p = pos(i);
ctx.fillRect(p.x, p.y, siz, siz);
ctx.beginPath();
- ctx.arc(p.x + siz / 2, p.y, siz / 2, 0, 2 * pi, false);
+ ctx.arc(p.x + siz / 2, p.y, siz / 2, 0, 2 * PI, false);
ctx.fill();
ctx.closePath();
ctx.beginPath();
- ctx.arc(p.x + siz, p.y + siz / 2, siz / 2, 0, 2 * pi, false);
+ ctx.arc(p.x + siz, p.y + siz / 2, siz / 2, 0, 2 * PI, false);
ctx.fill();
ctx.closePath();
}
i.y = i.y + spd * sin(i.a);
if (i.x < 0 || i.x > 64) {
- i.a = Math.atan2(sin(i.a), -cos(i.a))
+ i.a = atan2(sin(i.a), -cos(i.a))
}
if (i.y < 0 || i.y > 64) {
- i.a = Math.atan2(-sin(i.a), cos(i.a))
+ i.a = atan2(-sin(i.a), cos(i.a))
}
}