createCanvas(680, 1000);

}

​

function draw() {

  background(220, 218, 207);

  noFill();

  strokeWeight(1);

  frameRate(3);

​

​

  rectMode(CENTER)

​

  var sqSize = 30

​

​

  push()

  translate(180, 150)

​

  //I want 22 of those.... so we gotta:

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

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

      var sqX = col * sqSize

      var sqY = row * sqSize //simplify the code down

      // var sqX2 = sqX+random (-.5, .5)

      // var sqY2 = sqY+random (-0.5, 5)

      //simplify the code down

      var rowPercent =row/21.0

      var colPercent =(rowPercent, col/21.0)

      push()

      translate(sqX, sqY);

      rotate(rowPercent * radians (random (-45, 45)));

      //we can control how much we wanna rotate

      rect(0, 0, sqSize, sqSize);

      pop();

    }

  }

​

​

  pop()

​

​

​

​

}