CLOCKS

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(255);

  angleMode(DEGREES)

  for (let i = 0; i <= 10; i++) {

    inner.push(120 + random(30, 700))

    newinner[i] = inner[i]

    strokeW.push(5 + random(10, 100))

  }

}

​

let radi;

let strokeW = []

let offSpeed = []

let inner = []

let newinner= []

let color = ["#046865","#b5a886","#fee1c7","#fa7e61","#f44174","#141204","#93032e","#2c6e49","#1a1b41","#754668"]

​

function draw() {

  background(255)

  translate(width / 2, height / 2)

  strokeCap(SQUARE);

​

  if(frameCount%50==0){

    for (let i = 0; i <= 10; i++) {

    newinner[i] = 120 + random(30, 700)}

  }

    for (let i = 0; i <= 10; i++) {

    inner[i] = lerp(inner[i], newinner[i], 0.1)}  

  push()

  blendMode(MULTIPLY)

  //  taiwan-hour

  push()

  strokeWeight(strokeW[0])

  rotate(frameCount/offSpeed[0])

  stroke(color[1])

  arc(0, 0, inner[8] - 150, inner[8] - 150, (hour()+12) * 15 - 45 - 10, (hour()+12) * 15 - 45 + 10)

  pop()

  //  newyork-hour

  push()

  strokeWeight(strokeW[1])

  rotate(frameCount/offSpeed[1])

  stroke(color[2])

  arc(0, 0, inner[5] - 150, inner[5] - 150, hour() * 15 - 45 - 10, hour() * 15 - 45 + 10)

  pop()

  //  minute

  push()

  strokeWeight(strokeW[2])

  rotate(frameCount/offSpeed[2])

  stroke(color[3])

  arc(0, 0, inner[4] - 150, inner[4] - 150, (180 - minute()) * 6 - 10, (180 - minute()) * 6 + 10)

  pop()

  //  second

  push()

  strokeWeight(strokeW[3])

  rotate(frameCount/offSpeed[3])

  stroke(color[4])

  arc(0, 0, inner[3] - 150, inner[3] - 150, (180 - second()) * 6 - 10, (180 - second()) * 6 + 10)

  pop()

​

  //  newyork-wake

  push()

  strokeWeight(strokeW[4])

  rotate(frameCount/offSpeed[4])

  noFill()

  stroke(color[5])

  arc(0, 0, inner[0], inner[0], 8 * 15 - 45, 12 * 15 - 45);

  pop()

  //  newyork-sleep

  push()

  strokeWeight(strokeW[5])

  rotate(frameCount/offSpeed[5])

  stroke(color[6])

  arc(0, 0, inner[1], inner[1], 12 * 15 - 45, 22 * 15 - 45);

  pop()

  //  newyork-work

  push()

  strokeWeight(strokeW[6])

  rotate(frameCount/offSpeed[6])

  stroke(color[7])

  arc(0, 0, inner[9], inner[9], 12 * 15 - 45, 19 * 15 - 45);

  pop()

  //  taiwan-wake

  noFill()

  push()

  strokeWeight(strokeW[7])

  rotate(frameCount/offSpeed[7])

  stroke(color[8])

  arc(0, 0, inner[6], inner[6], (8+12) * 15 - 45, (12+12) * 15 - 45);

  pop()

  //  taiwan-sleep

  push()

  strokeWeight(strokeW[8])

  rotate(frameCount/offSpeed[8])

  stroke(color[9])

  arc(0, 0, inner[7], inner[7], (12+12) * 15 - 45, (22+12) * 15 - 45);

  pop()

  // taiwan-work

  push()

  strokeWeight(strokeW[9])

  rotate(frameCount/offSpeed[9])

  stroke(color[0])

  arc(0, 0, inner[10], inner[10], (8+12) * 15 - 45, (17+12) * 15 - 45);

  pop()

  pop()

}