Initial sketch:
The clock that I generated was a clock that uses bouncing balls as its second, minute, and hour hand. Here is the code to it:
https://editor.p5js.org/ys4136/sketches/Xm0MTYrKc
The smallest ball represents the second hand, and the medium size ball represents the minute hand, and the biggest ball represent the hour hand. I got my inspiration from pendulum clocks, so that when the ball finishing bouncing an entire loop, a unit time is past. The color of the ball will also change every time it bounces off from the screen, so that people will have a sense of how much time has past.
For this project, I really like the use of the class function, because it saved a lot of my time and made the code looked more organized. While doing this project, I kept encountering a problem saying that color array is not a valid color representation, and this problem was solved by making a list of color and then use a if loop to make the color change based on the order in the list for each time it bounces.