Get smoother less chaotic movement

voicegardens/static/voicegardens.js

@@ -55,7 +55,7 @@ var amplitude;
 var duration;
 
 // random shape positioning
-var secondTick = false;
+var positionTick = false;
 var timer = 0;
 
 function record() {
@@ -390,8 +390,12 @@ function draw() {
   smooth();
   noStroke();
 
-  if (millis() >= 1000 + timer) {
-    secondTick = true;
+  // count random waiting times in seconds until choosing a new destX, destY
+  // for a moving shape
+  let nextPositionTick = random(3000, 8000);
+  let tickingTime = millis();
+  if (tickingTime >= nextPositionTick + timer) {
+    positionTick = true;
     timer = millis();
   }
 
@@ -414,11 +418,11 @@ function draw() {
     shape.draw();
     shape.move();
 
-    if (secondTick) {
+    if (positionTick) {
       setTimeout(function() {
         shape.destX = random(windowWidth);
         shape.destY = random(windowHeight);
-      }, random(100, 3000));
+      }, random(1000, 5000));
     }
 
     if (shape.collide(shapes) === true) {
@@ -426,7 +430,7 @@ function draw() {
     }
   }
 
-  secondTick = false;
+  positionTick = false;
 }
 
 function mouseDragged() {