Wednesday, January 19, 2011

Needlessly Incomprehensible Clock Design

I'd be massively exaggerating if I said I had insomnia. I just have difficulty getting to sleep; I struggle to 'switch off' my brain.

So while I was trying to get to sleep last night, I somehow got on to designing this clock,
The time, in case you couldn't work it out, is 23:46:52

How does it work? It's part binary, but with an analogue-style layout. The central pie is seconds, the middle ring in minutes and the outer ring is hours.

Each ring is divided into chunks, sized in proportion to the powers of 2 that they represent. To get the time, you simply add up the 'illuminated' chunks.

So in the above example:
hours = 1+2+4+16 = 23
minutes = 2+4+8+32 = 46
seconds = 4+16+32 = 52

It was even more incomprehensible when all the chunks were the same colour. There's also this slightly more comprehensible one, where all the chunks are the same size (within a given ring).
The time on that one is 12:52:11

There's a working version of the first here, and of the second here. It's written in JavaScript with the help of the jsDraw library.

Oatzy.