createCanvas(680,1000);

}

​

function draw() {

  frameRate(3);

  background(222,219,213);

  var marginX = 0.22;

  var marginY = 0.15;

  var cols = 12;

  var rows = 22;

  var maxRot = 45; 

  var maxShift = 15; 

  noFill();

  rectMode(CENTER);

  stroke("black");

  var pd = (width * (1.0 - 2.0 * marginX)) / (cols-1);

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

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

      var px = marginX *width +c * pd;

      var py = marginY*height + r * pd;

      push();

      translate(px,py);

      var yfrac = r/(rows - 4); 

      var ra = yfrac * radians(random(-maxRot, maxRot));

      var rx = yfrac * random(-maxShift, maxShift);

      var ry = yfrac * random (-maxShift, maxShift);

      translate(rx, ry);

      rotate(ra);

     rect(0,0,pd,pd);

      pop();

    }

  }

}