createCanvas(600, 600);

}

​

function draw() {

  background(220);

  noFill();

  strokeWeight(4);

  var w = 150;

  var h = 150;

  var x = 40;

  var y = 20;

  beginShape();

  vertex(x,y);

  vertex(x+ w,y);

  vertex(x + w, y + h);

  vertex(x,y + h);

  endShape(CLOSE);

  var w2 = 300;

  var h2 = 150;

  var x2 = 250;

  var y2 = 20;

  beginShape();

  vertex(x2,y2);

  vertex(x2 + w2,y2);

  vertex(x2 + w2, y2 + h2);

  vertex(x2,y2 + h2);

  endShape(CLOSE);

  var w3 = 250;

  var h3 = 150;

  var offset = 30;

  var x3 = 50;

  var y3 = 200;

  beginShape();

  vertex(x3,y3);

  vertex(x3 + w3,y3);

  vertex(x3 + w3-offset, y3 + h3);

  vertex(x3 - offset,y3 + h3);

  endShape(CLOSE);

  var w4 = 200;

  var h4 = 150;

  var offset2 = 40;

  var x4 = 350;

  var y4 = 200;

  beginShape();

  vertex(x4,y4);

  vertex(x4 + w4,y4);

  vertex(x4 + w4-offset2, y4 + h4);

  vertex(x4 - offset2,y4 + h4);

  endShape(CLOSE);

  var w5 = 100;

  var h5 = 150;

  var offset3 = 20;

  var x5 = 100;

  var y5 = 400;

  beginShape();

  vertex(x5,y5);

  vertex(x5 + w5/2,y5);

  vertex(x5 + w5/2 + offset3, y5 + h5);

  vertex(x5 - offset3,y5 + h5);

  endShape(CLOSE);

​

  var w6 = 200;

  var h6 = 150;

  var offset4 = 20;

  var x6 = 300;

  var y6 = 400;

  beginShape();

  vertex(x6,y6);

  vertex(x6 + w6/2,y6 + h6);

  vertex(x6, y6 + h6/1.5);

  vertex(x6 - w6/2,y6 + h6);

  endShape(CLOSE);

  var w7 = 100;

  var h7 = 100;

  var offset5 = 40;

  var x7 = 420;

  var y7 = 400;

  beginShape();

  vertex(x7,y7);

  vertex(x7 + w7,y7);

  vertex(x7 + w7, y7 + h7 + offset5);

  vertex(x7,y7 + h7);

  endShape(CLOSE);

​

}

​

function squareFun(xloc, yloc, size){

  beginShape();

  vertex(xloc,yloc);

  vertex(xloc + size,yloc);

  vertex(xloc+size,yloc+size);

  vertex(xloc, yloc+size);

  endShape(CLOSE);

}