variable squares

var rows = 10;

var cols = 10;

var distanceX = 30;

var distanceY = 30;

​

var palette = ["#D086DB", "#DB8689", "#DB68B1"];

​

function setup() {

  createCanvas(300, 300);

  //you can call the function to automatically trigger one random 

  mousePressed();

}

​

function mousePressed() {

  background(0);

  rectMode(CENTER);

  //noStroke();

  colorMode(HSB);

  for (var i = 1; i < 100; i++) {

​

​

      var ax = random(0,width);

      var ay = random (0, height);

      var bx = random (0, width);

      var by = random (0,height)

      line(ax,ay,bx,by);

    for (var r = 1; r < rows; r++) {

    for (var c = 1; c < cols; c++) {

      var randomColor = random(palette);

      fill(randomColor);

      var size = random(10,20);

      var offsetX = random(-5, 5);

      var offsetY = random(-5, 5);

      rect(c*distanceX+offsetX, r*distanceY+offsetY, size, size);

    }

​

}

    }

}