Circle Clock
This is a generative clock made in p5.js
The cyan "hand" shows seconds,
the yellowish green one minutes and
the light yellow one hours.
Every hand moves in increments of 5° and in addition the two circles
in the second hand slide along its axis in directions opposit to each other
based on cosine of the arms angle.
There is also a stripe that spans around from the time of
current day's sunset / sunrise to midnight / noon accordingly.
And current date is shown by the pills under the clock on the bottom.
Controlls:
| s | save current frame |
|---|---|
| m | switch between modes 1, 2, 3 |
| 1 | set mode 1 - circle chaos background |
| 2 | set mode 2 - keep ghost arms (lightest blend mode) |
| 3 | set mode 3 - stars background |
| 4 | set mode 4 - control second (y axis) and minute (x axis) hands by mouse movement |
| 5 | set mode 5 - all hands alligned at 12 o'clock |