vivian young

/ work / creativecode / faceclock

face clock

displaying time in unconventional ways

(fall 2017)

+ javascript
    - p5.js


In one of my first sketches using p5.js, I created an unconventional visualization of the current time.

The hours, minutes, and seconds are represented by colored rings surrounding a simple face. As each second passes, the eyes blink open and close. And as time itself passes, the respective rings eventually fill up with hours ranging from 0 to 12 and minutes and seconds ranging from 0 to 60, mapped accordingly across the 360 degrees of the circle.

I created this clock after watching Dan Shiffman's tutorial for clocks using P5.js and received a reply from him on Twitter! :)