Show HN: Animated Watch Illustrations with CSS3 and SVG

#1

Post by mattsjohnston5 » Tue, Sep 10, 2013, 4:30 AM UTC

I wanted a little project to practice illustration as well as animation on the web. Plus I'm a big fan of watches.

Show HN: Animated Watch Illustrations with CSS3 and SVG
wrist.im

Re: Show HN: Animated Watch Illustrations with CSS3 and SVG

#2

Post by tantalor » Tue, Sep 10, 2013, 5:37 AM UTC

Are you trying to get sued?

Re: Show HN: Animated Watch Illustrations with CSS3 and SVG

#3

Post by [deleted] » Tue, Sep 10, 2013, 5:45 AM UTC

[deleted]

Re: Show HN: Animated Watch Illustrations with CSS3 and SVG

#4

Post by mattsjohnston5 » Tue, Sep 10, 2013, 6:13 AM UTC

tantalor wrote: post #2

Are you trying to get sued?

I already had Timex tweet out the site! https://twitter.com/timex/status/369505126752346112

Re: Show HN: Animated Watch Illustrations with CSS3 and SVG

#5

Post by MikeAmelung » Tue, Sep 10, 2013, 6:29 AM UTC

Why does it animate counter-clockwise when I click from San Francisco to London?

Re: Show HN: Animated Watch Illustrations with CSS3 and SVG

#6

Post by systemtrigger » Tue, Sep 10, 2013, 9:35 AM UTC

Impressive attention to detail. I love how there is a slight difference between the way the second hand ticks, between models. Did you start each one with a photo as scaffolding and draw the SVG on top? Did you use Illustrator or Gimp? Beautiful execution.

Re: Show HN: Animated Watch Illustrations with CSS3 and SVG

#7

Post by colmvp » Tue, Sep 10, 2013, 9:44 AM UTC

Really nice job, Matt. I especially like the color choices. Very fun.

Re: Show HN: Animated Watch Illustrations with CSS3 and SVG

#8

Post by supercoder » Tue, Sep 10, 2013, 10:37 AM UTC

Lovely!

Re: Show HN: Animated Watch Illustrations with CSS3 and SVG

#9

Post by premasagar » Tue, Sep 10, 2013, 11:51 AM UTC

Very nicely executed.

Re: Show HN: Animated Watch Illustrations with CSS3 and SVG

#10

Post by emhart » Tue, Sep 10, 2013, 1:24 PM UTC

Downright inspiring. I'm not a killjoy, but I am rarely excited by these sorts of illustrative personal projects. something about this, though, really captures my attention. Especially that you intend to continue working your way through more. Many of my friends are horophiles if you happen to be taking requests.

Also, any chance of you doing a time-lapse of your process at some point?