Time Based Media

Seasonal Flower Clock

Translate time through an abstracted concept using p5.js.

Click here for live example and github code.

Inspired by the four seasons this clock replicates the colour change in nature through time.

Bolded petals represent the minutes within the hour. As each hour passes the centre circle expands.

Seasons are divided up into 6 hours. As each season changes the colour of the inner main flower and the outer petals will change.

Each colour represents the correlating seasons. Winter = blue, Spring = green, Summer = red, Autumn = orange.

Alarm function adds outer petals to create an extra growth process to the outer flower shape.


ezgif.com-video-to-gif (1).gif