top of page

Color Clock
Coding, P5.js., 2018
https://www.openprocessing.org/sketch/1017737

This is my first project using p5.js. I created a clock sketch that represents time visually. The small circle that changes color signifies the seconds, the middle grey circle signifies the minutes, and the big white circle signifies the hours that time passed by. In order to tell the time by day (AM), the big outer circle which represents the hour will have the color orange. For night (PM), the color will be dark navy blue. The image on the left is 3:05AM and the right is 3:27PM.

3-05am.PNG
3-27pm.PNG
bottom of page