/*
Joanne Chui
Section C
Project 6
*/
function setup(){
createCanvas(400,400);
}
function draw(){
var s = second();
var m = minute();
var h = hour() % 12;
background(255, 194, 38);
stroke(150, 50, 40);
fill(255, 212, 105);
//second
strokeWeight(15);
noFill();
stroke(255, 212, 105);
arc(200, 200, 300, 300, -HALF_PI, TWO_PI * (s/60)-HALF_PI)
//minute
for(i = 0; i < m; i++){
strokeWeight(1);
ellipse(200, 200, 300 - (i*5), 300 - (i*5));
}
//hour
strokeWeight(30);
noFill();
stroke(255, 225, 150);
arc(200, 200, 350, 350, -HALF_PI, TWO_PI * (h/12)-HALF_PI)
}
I was interested in visually embedding the amount of time that had passed into the image so that the time was still readable. I was inspired by the various simplistic apple watch faces.