In Weekly Diagram 30 2010 I worked on the idea of a clock that is formed by 3600 pieces (1 hour = 60 secs x 60 mins). As long as time passes the block on the left breaks into pieces to form the block on the right. The principle is similar to a sand clock, I wanted to have a fluid system that is continuously moving.
This is how it works:
- The left soft pink block represents the seconds that are left in the current hour.
- The middle dark pink block shows the seconds of the current minute. From top to bottom there are 20 pieces (hence 20 seconds). When this block is formed by 60 pieces it moves to the right to join the minutes as a whole.
- The right blue block represents the minutes. There are 60 vertical lines that helps reading how many minutes have passed in the current hour.
- To know the current hour number, there are 12 horizontal lines on the left side of the clock. One of them contains a thin gray rectangle.
If you are interested in downloading the source code bear in mind the you need to download TweenMax library as well.
Regards.