var clear = !!(Math.random() > 0.5);
var changeColor = !!(Math.random() > 0.5);
var items = Array(rand(10) + 6).fill(null).map(() => ({
- x: rand(100),
- y: rand(100),
+ x: rand(64),
+ y: rand(64),
angle: Math.random() * 2 * Math.PI,
color: Array(3).fill(rand(256))
}));
context.beginPath();
context.moveTo(p.x, p.y);
context.lineTo(p.x * 10 * Math.cos(item.angle), p.y * 10 * Math.sin(item.angle));
- context.lineTo(rand(100), rand(100));
+ context.lineTo(rand(64), rand(64));
context.fill();
}
item.x = item.x + speed * Math.cos(item.angle);
item.y = item.y + speed * Math.sin(item.angle);
- if (item.x < 0 || item.x > 100) {
+ if (item.x < 0 || item.x > 64) {
item.angle = Math.atan2(Math.sin(item.angle), -Math.cos(item.angle))
}
- if (item.y < 0 || item.y > 100) {
+ if (item.y < 0 || item.y > 64) {
item.angle = Math.atan2(-Math.sin(item.angle), Math.cos(item.angle))
}
}
var delta = time - lastFrame;
if (delta > 1000 / fps) {
- clear && context.clearRect(0, 0, 100, 100);
+ clear && context.clearRect(0, 0, 64, 64);
for (var item of items) {
context.fillStyle = `rgb(${item.color.join(',')})`;
draw(item);
git.r.bdr.sh / rbdr / r.bdr.sh / commitdiff