​

let numColumns = 10

let numRows = 10

​

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  background(220);

  let evenCol = false

  for(let row = 0; row < numRows; row++){

    let evenRow = evenCol;

    for(let col = 0; col < numColumns; col++){

      let x = row * width/numRows;

      let y = col * width/numColumns;

      if(evenRow){

        fill('black')

      } else {

        fill('white')

      }

      rect (x,y,40,40)

      console.log('Row:',evenRow, 'Col:',evenCol, 'X position:',x, 'Y position:', y)

      evenRow = !evenRow

    }

    evenCol = !evenCol

  }

  noLoop();

  //manual

//   fill('black')

//   rect(0,0,40,40)

//   rect(0,80,40,40)

//   rect(0,160,40,40)

//   rect(0,240,40,40)

//   rect(40,40,40,40)

//   rect(40,120,40,40)

//   rect(40,200,40,40)

//   rect(40,280,40,40)

//   rect(80,0,40,40)

//   rect(80,80,40,40)

//   rect(80,160,40,40)

//   rect(80,240,40,40)

​

​

//   fill('white')

//   rect(0,40,40,40)

//   rect(0,120,40,40)

//   rect(0,200,40,40)

//   rect(0,280,40,40)

​

//   rect(40,0,40,40)

//   rect(40,80,40,40)

//   rect(40,160,40,40)

//   rect(40,240,40,40)

//   rect(80,40,40,40)

//   rect(80,120,40,40)

//   rect(80,200,40,40)

//   rect(80,280,40,40)

​

​

  // //column

  // for (let y = 0; y < height; y += height/numColumns) {

  //   //row

  //   for (let x = 0; x < width; x += width/numRows) {

  //      fill("black");

  //      rect(0, y, width / numRows, height / numColumns);

  //   }

  // }

}