createCanvas(680, 1000);

  frameRate(2);

}

​

function draw() {

  background(223,219,217);

  var horizontalmargin = 0.15;

  var verticalmargin = 0.22;

  var columns = 12;

  var rows = 22;

  var maxRotation = 45;

  var maxShift = 15;

  noFill();

  rectMode(CENTER);

  stroke(0);

  var composition = (width * (1.0 - 2.0 * verticalmargin))/(columns - 1); 

  for (var row = 0; row < rows; row++) { 

    for (var col = 0; col < columns; col++) {

    var compx = verticalmargin*width + col*composition;

    var compy = horizontalmargin*height + col*composition;

    push();

    translate(row, col);

    var y = row / (rows-1); 

    var rowa = y * radians(random(-maxRotation, maxRotation));

    var rowx = y * random(-maxShift, maxShift);

    var rowy = y * random(-maxShift, maxShift);

    translate(rowx, rowy);

    rotate(rowa);

    rect(0,0, composition, composition);

    pop(); 

    } 

  }

}