Use 24fps

[rbdr/r.bdr.sh] / js / animation.js

diff --git a/js/animation.js b/js/animation.js
index e5e73c229133c69847f469d8b2b0d4900f7e7a63..f7642ee11bef970c718f5bcacd72159c6e3892b1 100644 (file)
--- 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,
+      fps = 24,
       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);