​

function setup() {

  createCanvas(600, 600);

 // background(197, 205, 224);

  frameRate(fr);

  //noLoop();

}

​

function draw() {

   background(220);

  let r = random(40, 255);

  let g = random(40, 255);

  let b = random(40, 255);

  let h = hour();

  let m = minute();

  let s = second();

​

  // fill(70);

  //  stroke(100);

  // ellipse(0,0,h*10,h*10);

​

  //noStroke();

  let i=0;

  for(i=0;i<m;i++){

    for(i=0;i<s;i++){

    rect(i * 10, m * 10, 10, 10, 3, 3, 3, 3);

    }

  }

  push();

  // fr=0.1;

  block(m, h);

  pop();

  //seconds tile

  push();

  // fr=1;

  fill(r, g, b);

  rect(s * 10, m * 10, 10, 10, 3, 3, 3, 3);

  pop();

​

  //print(h,m,s);

}

//generate Hour and Minute using sun and square resp

function block(m, h) {

  //background(255);

  // rotate(PI / 3.0);

  let sun1 = 0;

  let sun2 = 0;

  let sun3 = 0;

  // h=h-12;

  if (h >= 0 && h < 6) {

    sun1 = 24;

    sun2 = 32;

    sun3 = 56;

  } else if (h >= 6 && h < 9) {

    sun1 = 24;

    sun2 = 32;

    sun3 = 56;

  } else if (h >= 9 && h < 15) {

    sun1 = 255;

    sun2 = 228;

    sun3 = 51;

  } else if (h >= 15 && h < 19) {

    sun1 = 255;

    sun2 = 132;

    sun3 = 38;

  } else if (h >= 19 && h < 0) {

    sun1 = 14;

    sun2 = 26;

    sun3 = 64;

  }

  fill(sun1, sun2, sun3);

  stroke(255, 240, 33);

  ellipse(60, 60, h * 10, h * 10);

  noStroke();

  //minute square

  fill(70, 160, 160, 50);

  rectMode(CENTER);

  //  translate(width / 2, height / 2);

  //  push();

  rect(width / 2, height / 2, m * 10, m * 10, 3, 3, 3, 3);

  Redraw(h);

  //  pop();

}

//this isn't working like I anticipated

function Redraw(h) {

  if (h == h + 1) {

    redraw(); // remove whole sketch on hour change

  }

}

​