Analogue timezone clocks
Created for the dashboard as part of the Rizla International website.
The AS3 code for these clocks consists of 2 classes, the document class which holds an array of countries and associated timezones, and an AnalogueClock class. The document class creates five AnalogueClock objects (or as many items that exist in the countries array), sending the timezone to each as a parameter when it instantiates.
The AnalogueClock class then takes care of drawing the hands and face, initialising the timer which calls the displayTime() method once every second. TweenMax was used to create the nice bounce effect when the second hand moves.
The interface functionality lives in the document class and is all fairly straight forward. There are only a few methods, the main one being changeClock() which takes care of navigating left and right between the different clock faces.
Design by @RobFarnell.