PETZOLD BOOK BLOG

Charles Petzold on writing books, reading books, and exercising the internal UTM


Recent Entries
< PreviousBrowse the ArchivesNext >
Subscribe to the RSS Feed

Flip-Number Clock in Silverlight

June 16, 2010
Roscoe, N.Y.

I've seen some print ads recently that feature a phone with a simulation of 1960's style flip-number clock. Such a clock is fairly trivial in Silverlight:

Get Microsoft Silverlight

Here's the source code.


Comments:

Happened to view this page when all six digits changed.

The effect is impressive :-)

catbert, Wed, 16 Jun 2010 16:01:40 -0400

Very cool. I recently did something similar when I got bored one night and created a Silverlight version of the countdown timer on Lost. I kinda cheated with the flip animation though.

I'm gonna check out your implementation. If you want to check mine out it's at http://josheinstein.com/blog/index.php/2010/05/lost-button-simulator-in-silverlight

Josh Einstein, Wed, 16 Jun 2010 16:28:53 -0400

Luckily the 1960's versions didn't have seconds. That would have been annoying.

— Ulf Söderberg, Wed, 16 Jun 2010 16:51:39 -0400

Hey -- I just did that! :) (Admittedly, I took a somewhat different approach).

http://www.wiredprairie.us/blog/index.php/archives/1084

Aaron, Wed, 16 Jun 2010 18:32:37 -0400

Looks good, Aaron! (Gosh, the easing function really adds a lot, doesn't it?) — Charles

You could even use a ramp-up on the flip animation to account for the circular motion that letter has to make when it flips. A parabola will approximate the sine curve very well.

tobi, Thu, 17 Jun 2010 06:58:42 -0400


Recent Entries
< PreviousBrowse the ArchivesNext >
Subscribe to the RSS Feed

(c) Copyright Charles Petzold
www.charlespetzold.com