X-Git-Url: https://git.r.bdr.sh/rbdr/r.bdr.sh/blobdiff_plain/08418543475878f3f8c8cdabbeac52478554af04..a28829c3e9008d51a5c1ad40d6c0265f14f46c8c:/js/animation.js?ds=sidebyside diff --git a/js/animation.js b/js/animation.js index e5e73c2..9566132 100644 --- a/js/animation.js +++ b/js/animation.js @@ -1,28 +1,27 @@ (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);