Image
 
 

1082

 

2721

Yet Another SVG+JavaScript Clock

Click on the magnifying glass icon (below the artwork) or select 'open the link in a new window' in your browser for accessing the interactive animation.

This interactive document is a SVG live clock inspired (though different) by the Swiss Railway (SBB CFF FFS) iconic station clock by Hans Hilfiker. See <https://www.sbb.ch/>.

The document also features vectorized portions of the free and open source font 'Fira Sans' (light weight used). See <https://carrois.com/typefaces/FiraSans/>.

The hand colors are chosen according to the RGB canonical color scheme. It is a mnemonic: Red for seconds, Green for minutes and Blue for hours.

A JavaScript dynamical simulation is running in order to animate the clock hands. Click on the hands to perturb them. Ctrl+click changes the direction of the perturbation. Shift+click increases the perturbation impulse amplitude. Ctrl and Shift can be combined.

The (embedded) script for the dynamical simulation uses Math.js (version 3.16.4, embedded

...

read more

Artwork

Area
800x800
Size
541.3 KB
Created
Revisions
4
Type
image/svg+xml
Creative Commons Attribution Share-Alike 3.0 (CC-BY-SA 3.0)

Link

Please log in to leave a comment!