face clock
displaying time in unconventional ways
(fall 2017)
technologies:
+ javascript
- p5.js
description:
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! :)
Wonderful work, please submit here! https://t.co/YhlVtrpZuy
— Daniel Shiffman (@shiffman) October 24, 2017