sketch
function setup() {
createCanvas(600,600)
background(0)
angleMode(DEGREES);
fill(10);
ellipse(width / 2, height / 2, 400, 400);
}
function draw() {
//movement
a = sin(frameCount)
b = cos(frameCount)
translate(width / 2, height / 2);
background(0, 10)
strokeWeight(0.5);
//month
push();
stroke(155, b * 100 + 55, 155);
rotate(180 / 12 * month() - 45);
line(300 * a, 200 * b, 100 * b, 50 * a);
pop();
//day
push();
stroke(a * 100 + 55, 155, 155);
rotate(180 / 31 * day() - 45);
line(50 * a, 10 * b, 300 * b, 300 * a);
pop();
strokeWeight(3);
//hour
push();
stroke(100);
rotate(180 / 24 * hour() - 45);
line(200 * a, 200 * b, 200 * b, 200 * a);
pop();
//min
push();
stroke(b * 100 + 155, a * 100 + 155, 255);
rotate(180 / 12 * min() - 45);
line(175 * a, 175 * b, 175 * b, 175 * a);
pop();
//second
push();
stroke(second() * 2 + 135, 375 - second() * 2, 255);
rotate(180 / 60 * second() - 45);
line(150 * a, 150 * b, 150 * b, 150 * a);
pop();
};
For this project, I wanted to go for a more abstract way to display a conventional-looking clock in order to challenge the way we look and think about time. I wanted to focus on temporality and make it so that even the clock base itself isn’t necessarily visible or present.