Colour Clock 5

Uploader
Created
Description
An animated clock using colours. Blobs at the end of the hour, minute, and second regions change colours over time (red = 12, yellow = 3, green = 6, blue = 9). My idea was that this might help younger children to tell the time without having to know what numbers mean (e.g. it's yellow and orange). I have also implemented a sine-wave second "tick", and stuck the minute hand to integer positions (in a somewhat similar fashion to the DB clocks in Germany). This makes the clock a bit more interesting, because each hand tells the time in a different way. [Update frequency is 100ms, but can be changed by editing the changeTime timeout at the end of the changeTime function.]
Tags
, , , ,
Viewed by
504 People
Favorited by
2 People
Filesize
38888 bytes
  • SVG
  • Click the input box and copy the text to use the SVG file wherever you would like. The copy keyboard shortcut is Control-C (Windows) or Command-C (Mac).
  • PNG
  • Enter desired resolution here and click out of field or press or click on 'PNG' button to view bitmap. Default resolution is 800 pixels. The copy keyboard shortcut is Control-C (Windows) or Command-C (Mac).
  • PDF
  • Click the input box and copy the text to use the PDF file wherever you would like. The copy keyboard shortcut is Control-C (Windows) or Command-C (Mac).

please login to leave a comment