​

let secMap = [

  [0, 8, 18, 28, 38, 48, 58],

  [3, 5, 7, 8, 9],

  [0, 1, 10, 8, 9],

  [0, 8, 18, 28, 38, 48, 58],

  [3, 5, 7, 8, 9],

  [0, 4, 10, 8],

  [2, 5, 7, 8, 9],

  [3, 1, 10, 8, 9]

];

​

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  background(220);

  fill(0);

  noStroke();

​

  setColorForSeconds(0);

  rect(10, 10, d, d);

  setColorForSeconds(1);

  rect(100, 10, d, d);

  setColorForSeconds(2);

  rect(10, 100, d, d);

  setColorForSeconds(3);

  rect(100, 100, d, d);

  setColorForSeconds(4);

  rect(10, 190, d, d);

  setColorForSeconds(5);

  rect(100, 190, d, d);

  setColorForSeconds(6);

  rect(10, 280, d, d);

  setColorForSeconds(7);

  rect(100, 280, d, d);

}

​

function setColorForSeconds(n) {

  let s = second();

  // let s = 2;

  let sm = secMap[n];

  let returnColor = "#000";

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

    if (s == sm[i]) {

      returnColor = "#0f0";

    }

  }

  fill(returnColor);

}