Grey on white (or whatever background colour you have) version of the v3 clock, with more attempts to fix the loop bug at 360 degrees. I have removed / hidden the outer ring, because 6 is a multiple of 2 and 3 animated loop rotating Concentric Loop Clock (Grey without background)
This version has been modified from the previous colour clocky clock so that all subclocks have the same face colour, which changes based on what angle the minute hand is at (left = blue, right = yellow, up = red, down = dark green). The date in the middle now rotates in its entirety with the hour hand animated clock recursion Colour clocky clock v2
I was inspired by user schiz0yd on reddit to create an animated clock that used spinning tiles. This clock "ticks" in the same way as my colour clock, but I have commented out a more normal movement if you prefer that. The code also has defined variables for changing the number of copies, and for the update interval. If you don't like the upvote arrow, you can change the object defined in the group "gTemplate". The clock has been modified from the first version to produce a better thumbnail image (that is deleted from the node tree as soon as the clock starts), change the movement slightly (all clones move), and simplify the generation of hours/minutes animated clock reddit Upvote Clock 3
Unfortunately, generating arcs is quite difficult to animate using standard SVG methods, so I fell back to javascript for this (the benefit of that is that it's synchronised to the system clock). I was inspired by the loopy thingies that are floating around imgur at the moment, and decided to make something that looks similar, but answers the question "what happens if they all advance at the same speed?" If you're wondering about the connection between this and the other Concentric Loops SVG, just look at the inner 6 dots. This version "ticks", has a time/date display, and has fixed an annoying bug due to how SVG displays arcs animated loop rotating Concentric Loops v3
Another "everything comes together after 2 minutes", based on a reddit submission [http://www.reddit.com/r/gifs/comments/2on8si/connecting_to_server_so_mesmerizing/]. Each point has a frequency different of 1/120 Hz, giving a beat frequency of 2 minutes beat frequency animated Beat Frequency Clock
Having developed a clock using spinning tiles, I had another thought regarding something that would exploit the clone facility of SVG. This clock "ticks" in the same way as my colour clock, but I have commented out a more normal movement if you prefer that. The code also has defined variables for changing the number of copies, and for the update interval. The template used for creating the second "tick" image is a functioning clock, and the hour and minute hand of the main clock are represented by the year and day/month respectively. This version has been modified from the previous clocky clock to add colour, which makes it a bit more satisfying to watch at each minute change animated clock recursion Colour clocky clock
I was asked by dizzyzane on reddit to make a version of this with a black background and downvote-coloured text. Here it is animated clock reddit Upvote Clock with Black Background
I was inspired by user schiz0yd on reddit to create an animated clock that used spinning tiles. This clock "ticks" in the same way as my colour clock, but I have commented out a more normal movement if you prefer that. The code also has defined variables for changing the number of copies, and for the update interval. If you don't like the upvote arrow, you can change the object defined in the group "gTemplate animated clock reddit Upvote Clock
I was asked by -TheWaddleWaddle- on reddit to make a smooth version of this clock. Here it is animated clock reddit Smooth Upvote Clock with White Background
Question variant of my upvote clock (font used is "Century Schoolbook L", converted to a shape for portability, with the dot replaced with a circle for precision). The question marks spin around at twice the speed that they rotate around the circle, and change colour once they complete a circle. This makes a full cycle two minutes, rather than one. [Yes, the thumnail colours are wrong. Sorry about that] animated clock reddit Question Clock
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.] animated clock rotating Colour Clock 5
Inspired by alex8664's Seven segment displays. Counts down from 99 to 00. SVG code can easily be modified to add/remove a digit. SVG code can be inserted into an SVG image then scaled and positioned where desired. svg animated lights work in browsers that support animation lcd led animated Animated Digital Display
Having developed a clock using spinning tiles, I had another thought regarding something that would exploit the clone facility of SVG. This clock "ticks" in the same way as my colour clock, but I have commented out a more normal movement if you prefer that. The code also has defined variables for changing the number of copies, and for the update interval. The template used for creating the second "tick" image is a functioning clock, and the hour and minute hand of the main clock are represented by the year and day/month respectively animated clock recursion Clocky clock
IJoshFTW implied that the loop clock should have a one-minute cycle, so here it is animated loop rotating Concentric Loop Clock (1 minute cycle)
