{ 'x': 175.57, 'y': 333.5, 'w': 45.52, 'h': 26.01 },

  { 'x': 154.21, 'y': 298.2, 'w': 57.6, 'h': 30.66 },

  { 'x': 183.01, 'y': 243.39, 'w': 33.44, 'h': 47.38 },

  { 'x': 216.45, 'y': 214.59, 'w': 51.09, 'h': 76.17 },

  { 'x': 292.62, 'y': 252.68, 'w': 74.32, 'h': 45.52 },

  { 'x': 256.39, 'y': 290.76, 'w': 73.39, 'h': 104.97 },

  { 'x': 267.54, 'y': 430.11, 'w': 69.67, 'h': 47.38 },

  { 'x': 183.01, 'y': 411.53, 'w': 73.39, 'h': 65.96 },

  { 'x': 118.91, 'y': 440.33, 'w': 56.67, 'h': 37.16 },

  { 'x': 26.94, 'y': 359.51, 'w': 76.17, 'h': 117.98 },

  { 'x': 37.16, 'y': 290.76, 'w': 78.03, 'h': 52.49 },

  { 'x': 0, 'y': 243.39, 'w': 83.61, 'h': 64.1 },

  { 'x': 37.16, 'y': 187.65, 'w': 91.04, 'h': 82.01 },

  { 'x': 65.03, 'y': 99.4, 'w': 128.2, 'h': 96.61 },

  { 'x': 147.24, 'y': 131.91, 'w': 98.93, 'h': 55.74 },

  { 'x': 211.8, 'y': 58.52, 'w': 103.11, 'h': 93.82 },

  { 'x': 227.6, 'y': 0, 'w': 39.95, 'h': 78.03 },

  { 'x': 297.27, 'y': 47.38, 'w': 75.25, 'h': 58.06 },

  { 'x': 383, 'y': 3.72, 'w': 26.68, 'h': 64.1 },

  { 'x': 416.17, 'y': 47.38, 'w': 71.53, 'h': 36.23 },

  { 'x': 508.14, 'y': 35.76, 'w': 105.9, 'h': 69.67 },

  { 'x': 533.22, 'y': 123.55, 'w': 68.74, 'h': 36.23 },

  { 'x': 579.67, 'y': 109.62, 'w': 86.39, 'h': 86.39 },

  { 'x': 675.35, 'y': 152.81, 'w': 43.66, 'h': 36.69 },

  { 'x': 653.06, 'y': 220.16, 'w': 99.4, 'h': 70.6 },

  { 'x': 593.61, 'y': 255.46, 'w': 51.09, 'h': 58.06 },

  { 'x': 708.8, 'y': 321.42, 'w': 55.74, 'h': 90.11 },

  { 'x': 687.43, 'y': 430.11, 'w': 38.09, 'h': 38.09 },

  { 'x': 719.01, 'y': 481.2, 'w': 60.38, 'h': 30.66 }

]

let loc = 0;

​

function setup() {

  createCanvas(800,600);

  colorMode(HSB, 100);

  frameRate(10);

}

​

function draw() {

  background(220);

  stroke("brown");

  strokeWeight(5);

  for (let i=0; i < windows.length; i++) {

    win = windows[windows.length - (i+1)];

    fill(90, 50, 100 - (4*(abs(i-loc))));

    rect(10 + win.x, 50 + win.y, win.w, win.h);

  }

  loc++

}