clock

let pink;

let orange;

let blue;

let yellow;

let secw;

let minw;

let hourw;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  pink = color(232, 12, 122);

  orange = color(232, 191, 70);

  blue = color(20,64,118);

  yellow = color(251,251,5);

}

​

function draw() {

  background(255);

​

  secw = width / (second()+1);

  minw = width / (minute()+1);

  hourw = width / (hour()+1);

​

  for (let i = 0; i < width; i += secw) {

    let secLerp = map(i, 0, width, 0, 1);

    fill(lerpColor(pink, orange, secLerp));

    rect(i, 0, secw, height / 3);   

  }

​

  for (let i = 0; i < width; i += minw) {

    let minLerp = map(i, 0, width, 0, 1);

    fill(lerpColor(orange, pink, minLerp));

    rect(i, height*.33, minw, height / 3);    

  }

​

  for (let i = 0; i < width; i += hourw) {

    let hourLerp = map(i, 0, width, 0, 1);

    fill(lerpColor(blue, yellow, hourLerp));

    rect(i, height*.66, hourw, height / 3);   

  }

​

​

}