Random Pattern With Rotations

var rows = 10;

var cols = 10;

var distanceX = 30;

var distanceY = 30;

​

function setup() {

  createCanvas(300, 300);

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

  mousePressed();

}

​

function mousePressed() {

  background(0);

  rectMode(CENTER);

  noStroke();

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

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

      push();

      translate(c * distanceX, r * distanceY);

      //random generates any number from min to max including fractions!

      //floor rounds the number so the results can only be 0, 1, 2, 3

      var angle = 45 * floor(random(0, 2));

      rotate(radians(angle));

      fill("#44b4a8");

      rect(0, 0, 20, 20);

      pop();

    }

  }

}