# myoungsh-project-06-abstract-clock

``````//Mason Young-Shor
//Section C
//myoungsh@andrew.cmu.edu
//Abstract Clock
function setup() {
createCanvas(600, 600);
background(0);
}
function draw() {
background(0);
angleMode(DEGREES);
var h = hour();
var m = minute();
var s = second();
if (h > 12) { //12 hour clock
h -= 12;
}
for (var H = 1; H < h + 1; H ++) { //hour indicatior
var x = 0;
var y = 0;
push();
translate(300, 300);
rotate(180);
rotate(30 * H);
if (H % 3 === 0) { //every three hours is big and white
stroke(256);
fill(256);
x += 15;
y += 5;
} else { //the rest are small and yellow
stroke(256, 256, 0);
fill(256, 256, 0);
}
line(0, 0, 0, 110 + x);
ellipse(0, 110 + x, 10 + y, 10 + y);
pop();
}
for (var M = 1; M <= m; M ++) { //minute indicator
x = 0;
y = 0;
push();
translate(300, 300);
rotate(180);
rotate(6 * M);
if (M % 5 === 0) { //every five minutes is big and white
stroke(256);
fill(256);
x += 15;
y += 5;
} else { //the rest are smal and yellow
stroke(256, 256, 0);
fill(256, 256, 0);
}
line(0, 0, 0, 170 + x);
ellipse(0, 170 + x, 10 + y, 10 + y);
pop();
}
for (var S = 1; S <= s; S ++) { //second indicator
x = 0;
y = 0;
push();
translate(300, 300);
rotate(180);
rotate(6 * S);
if (S % 5 === 0) { //every five seconds is big and white
stroke(256);
fill(256);
x += 15;
y += 5;
} else { //the rest are small and yellow
stroke(256, 256, 0);
fill(256, 256, 0);
}
line(0, 0, 0, 230 + x);
ellipse(0, 230 + x, 10 + y, 10 + y);
pop();
}
}
``````