createCanvas(500, 400);

}

​

function draw() {

  background(113, 154, 195);//light blue

  for (var x =50; x <= width; x += 150){

    var y = 90;

    fill (172, 109, 149);// lavendar background of window

    rect (x,y,100,200); //large window frame

    fill(38, 29, 79);//dark purple 

    rect(x +7, y +12, 10, 20); //window pane second, left

    fill(38, 29, 79);//dark purple 

    rect(x +7, y +62, 10, 20); //second left

    fill(38, 29, 79);//dark purple 

    rect(x +7, y +112, 10, 20); //third left

    fill(38, 29, 79);//dark purple

    rect(x +7, y +162, 10, 20); // forth left

 //rect(x +7, y +12, 10, 20); //window pane top left

    //top center panes 

             //fill(62, 44, 101);

    rect(x +7, y +12, 10, 20); //window pane middle 

    rect(x +46, y +12, 10, 20); //top center

     fill(38, 29, 79);  

    rect(x +85, y +12, 10, 20); //third right

    ////fill(38, 29, 79);//dark purple 

    //fill(38, 29, 79);//dark purple 

    // top right panes

    fill(62, 44, 101);

    rect(x +7, y +12, 10, 20); //window pane middle 

     fill(113, 154, 195);  // light blue 

    rect(x +46, y +12, 10, 20); //top center

    fill (57, 55, 113);

    rect(x +85, y +12, 10, 20); //third right

     // second row, second column window panes 

      fill(113, 154, 195); //blue

    rect(x +7, y +12, 10, 20); //window pane top left

    rect(x +46, y +62, 10, 20); //second middle

    rect(x +46, y +112, 10, 20); //third middle

    rect(x +46, y +162, 10, 20); // last middle

 //rect(x +7, y +12, 10, 20); //window pane top left

    //far right, third, last column

          fill(38, 29, 79);//dark purple 

  rect(x +7, y +12, 10, 20); //far left, top row

    fill (57, 55, 113);// plum

    rect(x +85, y +62, 10, 20); //second middle

    fill (57, 55, 113);// plum

    rect(x +85, y +112, 10, 20); //third down, far right 

    fill (57, 55, 113);// plum

    rect(x +85, y +162, 10, 20); // bottom right 

  }

}