sketch = function(p) {

  var actRandomSeed = 0;
  var count = 150;

  p.setup = function() {
    p.createCanvas(800,800);
    p.cursor(p.CROSS);
    p.noStroke();
    p.fill(0,130,164);
  };

  p.draw = function() {
    p.background(255);

    var faderX = p.mouseX / p.width;

    p.randomSeed(actRandomSeed);
    var angle = p.radians(360 / count);
    for (var i = 0; i < count; i++) {
      // positions
      var randomX = p.random(0,p.width);
      var randomY = p.random(0,p.height);
      var circleX = p.width / 2 + p.cos(angle * i) * 300;
      var circleY = p.height / 2 + p.sin(angle * i) * 300;

      var x = p.lerp(randomX,circleX,faderX);
      var y = p.lerp(randomY,circleY,faderX);

      p.ellipse(x,y,11,11);
    };
  };

  p.mousePressed = function() {
    actRandomSeed = p.random(100000);
  };

  p.keyReleased = function(){
    if (p.key == 's' || p.key == 'S') p.saveCanvas(gd.timestamp(), 'png');
  };

}
order vs random!
how to interpolate beetween a free composition (random) and a circle shape (order)

MOUSE
position x          : fade between random and circle shape

KEYS
s                   : save png