Press escape to exit fullscreen

{{sketch.instructions}}

CC {{sketch.licenseObject.short}}

Archived Sketch

This sketch is created with an older version of Processing,
and doesn't work on browsers anymore.

View Source Code

Capture Screenshot

Project 2 - Color Circle Cycle Clock

{{$t('general.by')}}
This is a clock that focuses on giving you a good sense of what time of day it is. The center number is the hour (from 0 to 23 o clock), the smallest surrounding arc represents minutes, the next arc is the seconds, and the last arc is milliseconds. Whenever the openings of the arcs reach the highest point, they have completed their cycle. Each hour, the color of each component will change to represent its time of day- roughly speaking, blue represents midnight, green is 6 o clock, yellow is noon, and red is 18 o clock (6 pm). Also, when it becomes a new hour, each component will light up with
We recovered an unsaved version of this sketch. Please review your changes below.

As a Plus+ Member feature, this source code is hidden by the owner.

  • {{co.title}}
    {{$t('sketch.mode-pjs')}} {{$t('general.learnMore')}}
    Select mode or a template
    {{liveCodeLink}}
    • {{l.url.substr(l.url.lastIndexOf('/') + 1)}}
    {{$t('sketch.layoutDescription')}}

    {{k.category}}
    {{k.label}}
    {{k.description}}

    {{$t('sketch.seeMoreShortcuts')}}

    Versions are only kept for 7 days.
    Join Plus+ to keep versions indefinitely!

    {{$t('general.joinPlus')}}


    {{$t('sketch.versionsSummarized')}}