(function () {
var canvas = document.querySelector('canvas'),
+ r = Math.random,
+ pi = Math.PI,
+ cos = Math.cos,
+ sin = Math.sin,
context = canvas.getContext('2d'),
fps = 30,
lastFrame = 0,
speed = 1,
size = 5 + rand(10),
- r = Math.random,
- pi = Math.PI,
- cos = Math.cos,
- sin = Math.sin;
-
- var clear = !!(r() > 0.5);
- var changeColor = !!(r() > 0.5);
- var items = Array(rand(10) + 6).fill(null).map(() => ({
- x: rand(64),
- y: rand(64),
- angle: r() * 2 * pi,
- color: Array(3).fill(rand(256))
- }));
- var shapes = [square, circle, heart, chaos, lineChaos];
- var positions = [identity, spin(5), spin(15)];
- var draw = shapes[rand(shapes.length)];
- var position = positions[rand(positions.length)];
+ clear = !!(r() > 0.5),
+ changeColor = !!(r() > 0.5),
+ items = Array(rand(10) + 6).fill(null).map(() => ({
+ x: rand(64),
+ y: rand(64),
+ angle: r() * 2 * pi,
+ color: Array(3).fill(rand(256))
+ })),
+ shapes = [square, circle, heart, chaos, lineChaos],
+ positions = [identity, spin(5), spin(15)],
+ draw = shapes[rand(shapes.length)],
+ position = positions[rand(positions.length)];
function rand (x) {
return Math.floor(r() * x);