function setup() {
createCanvas(300, 480);
background(162, 220, 254);
angleMode(DEGREES);
}
function draw() {
background(162, 220, 254);
var H = hour();
var M = minute();
var S = second();
var mappedH = map(H, 0,23, 100, 500);
var mappedM = map(M, 0, 59, 0, 400);
var mappedS = map(S, 0, 59, 0, 480);
noStroke();
//background sky color - seconds
//the darker blue dropping down on the canvas indicates the seconds
fill(111, 173, 254);
rect(0, 0, width, mappedS);
//stem - minutes
//growth of the stem indicates the greater minutes
//the taller the stem, the more minutes
fill(100, 212, 126);
rect(width/2-10, height, 20, -1* mappedM);
//sunflower petals = hours
//the number of petals indicates the hour of the time
if(H==0){
H=12;
}
if(H<24 & H>12){
H-=11;
}
for (var i=1; i<H; i++){
push();
translate(width/2, height-mappedM);
rotate(30*i);
strokeWeight(30);
stroke(255, 208, 54);
line(0, 0, 0, -75);
pop();
}
//sunflower head
noStroke();
fill(112, 84, 69);
ellipse(width/2, height-mappedM, 100, 100);
}
I was inspired to use a sunflower as my abstract clock when researching Kircher’s sunflower clock. Although Kircher used the orientation and the position of the sunflower to determine time, I decided to use the physical characteristics of the sunflower to indicate the seconds, minutes, and hours.