let W = "#FFFFFF";

let oneSevenThirteenArray = [B,B,B,B,W,B,W,B,B,B,B,B,W,B,W,B,B];

let twoEightFourteenArray = [W,B,B,B,B,W,B,B,W,B,B,B,B,W,B,B,B];

let threeNineFifteenArray = [B,W,B,B,W,B,B,B,B,W,B,B,W,B,B,B,B];

let fourTenSixteenArray = [W,B,W,B,B,B,B,B,W,B,W,B,B,B,B,B,B];

let fiveElevenArray = [B,W,B,B,B,B,W,B,B,W,B,B,B,B,W,B,B];

let sixTwelveArray = [B,B,W,B,B,W,B,B,B,B,W,B,B,W,B,B,B];

let i = 0;

let j = 0;

​

function setup() {

  createCanvas(340, 320);

  x=20;

}

​

function draw() {

  background(220);

  //row 1

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

    //Row 1, 7, 13

    rect(i*x, 0, x, x);

    rect(i*x, 120, x, x);

    rect(i*x, 240, x, x);

    fill(oneSevenThirteenArray[i]);

   }

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

    //Row 2, 8, 14

    rect(i*x, 20, x, x);

    rect(i*x, 140, x, x);

    rect(i*x, 260, x, x);  

    fill(twoEightFourteenArray[i]);

  }

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

    //Row 3, 9, 15

    rect(i*x, 40, x, x);

    rect(i*x, 160, x, x);

    rect(i*x, 280, x, x);

    fill(threeNineFifteenArray[i]);

  } 

​

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

    //Row 4, 10, 16

    rect(i*x, 60, x, x);

    rect(i*x, 180, x, x);

    rect(i*x, 300, x, x);

    fill(fourTenSixteenArray[i]);

  }

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

    //Row 5, 11

    rect(i*x, 80, x, x);

    rect(i*x, 200, x, x);

    fill(fiveElevenArray[i]);  

  }

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

    //Row 6, 12

    rect(i*x, 100, x, x);

    rect(i*x, 220, x, x);

    fill(sixTwelveArray[i]);   

  }

}