uwMike » Archive » A Conch Shell Clock

I will be in Ottawa for the summer!

A Conch Shell Clock

June 10th, 2007

I’ve written before about the power of JavaScript as a visualization tool. Then, I’d been talking about it in conjunction with straight-up HTML and SVG. Now I’ve got a neat new demo to share that takes advantage of Canvas.

You’re going to need Firefox or Safari to view this, but check it out.

The genesis of this idea comes from Louis K’. Thomas’ logarithmic clock, which showed up on reddit recently.

I had wanted to experiment with some more interesting visuals than what Thomas had in his original. I’ve always been fascinated with polar functions and spiral geometry, and this seemed like a fantastic opportunity to explore this area. Thinking of a traditional clock face, I mused about the feasibility of bending the log clock into some kind of round display that was less obviously just a mathematical plot.

Hopefully I’ll have more time at some point to write about the process of creating this, but for now, enjoy!

← Earlier Later → Posted at 4:39 am to Art, Programming, Web Tech.

Discussion

Sweet looking clock…..too bad i have to study or I will keep on staring at it.
Good luck on your exams. :)

Posted at 9:31 am on June 10th by Samuel Cheng.
That’s neat twist on the logarithmic clock idea. I really like the picture in your blog entry - it’s more “artistic” than the final conch. :)

Posted at 2:13 pm on June 11th by Louis Thomas.
Yeah, I liked it, too. That was part of this earlier concept, showing hours, minutes and seconds. Unfortunately that takes on the order of milliseconds to render on my MacBook, so it’s utterly unsuited to real-time presentation—at least within the Canvas medium.

Further experiments have suggested that it’s as much the JavaScript functions that are a bottleneck as it is the Canvas drawing, though. I’m thinking I could realise some pretty significant performance benefits by aggressively caching the positions of those threads which only need to move on intervals. Even if Canvas requires a complete frame to be drawn every time, just having to calculate the second-hand positions may be a help… and within those, it should be possible to pre-calculate a set of a few hundred positions and snap each to one of them.

Or, of course, just switch to language and drawing tool that’s meant for this kind of thing. :)

Posted at 2:40 pm on June 11th by Mike Purvis.

You can use Markdown for style. I love hearing from readers, but please don’t hijack the discussion, use offensive language, or try to sell anything.

A Conch Shell Clock

Discussion

Leave a Reply