home subscribe to email updates subscribe to RSS updates

Experiment: Analog Binary Clock

This is a bit of a weird one. This idea has been rattling around my head for a few weeks now and quite frankly, I’m sick of it! Permit me to purge myself of this cognitive nerd-demon so that I can get to something more interesting.

Michael Battle - Flash Experiment

In a nutshell, I’ve been thinking of new ways in which to visualise binary numbers. For those requiring clarification at this point, introduce yourself to binary here. So we have 1’s and 0’s… how else can these be represented? Of course, we know about ‘on’ and ‘off’… what about ‘black’ and ‘white’ or, as I demonstrate in this instance… ‘left’ and ‘right’.

The tech-minded amongst us know all about bytes having eight bits…. and a bit is represented internally as a boolean value (0 or 1). An eight bit number may look something like 10110010 which, when you convert it to decimal, equals 178. When each bit is set to a value of 1, the decimal number we get is 255 which means that a byte can represent 256 values (including the value of zero).

So I started thinking about what would happen if we thought about the 0’s and 1’s as LEFT’s and RIGHT’s in a diagram. For example:

178 = RIGHT LEFT RIGHT RIGHT LEFT LEFT RIGHT LEFT … got it!?

I chose to visualise each bit as a line and in order to display this sequence without the lines just crossing back and forth over each other, I make each bit direction relative to the previous bit, starting with a vertical stroke (LEFT equals upwards and RIGHT equals downwards - this helps with spacing). So now 178 looks like this:

Michael Battle - Flash Experiment

Another point is that I make each stroke length a percentage greater than the previous stroke length - this prevents lines overlapping and making some number patterns identical (for example, a pattern similar to the number ‘8′ could be interpreted as both 188 and 60).

So, what now?! I asked myself that same question. Well… the only thing I could come up with was a clock! Not a very useful clock, mind you (being that it’s impossible to read) but perhaps a valid form of nerd expression and lateral thinking.

Obviously, a clock only needs to display 60 values (which means the demo doesn’t really do the other 196 values justice at all!) but if you click the clock and hold down your mouse you’ll see where the possible destinations are for this analog binary pattern (some of the numbers overlap, but you get the idea). The resulting 16 x 16 grid of numbers poses the next puzzle… is there a meaningful pattern in the number sequences? Have I just discovered the meaning of life?

Why do I get the feeling that this wont be appreciated until after I’m dead?!


« Experiment: Parasites
AddThis Social Bookmark Button

Related Posts:

Comments:

Ryan Taylor said,

April 15, 2007 @ 8:16 am

I like it; I think it’s a clever idea. If you are interested in further building upon it, I would enjoy seeing the lines animate smoothly to each state instead of ticking.

Michael said,

April 15, 2007 @ 3:05 pm

What Ryan wants, Ryan gets! Lines now transition smoothly.

Of course, the hands are now half a second slower than the digital display… but you can’t expect to have your smooth binary cake and eat it 10.

Ryan Taylor said,

April 15, 2007 @ 6:03 pm

10 thumbs up. You should sell your idea to Gucci or some designer brand. I would definitely rock a binary watch.

katopz said,

April 15, 2007 @ 7:14 pm

arwwgghhhhh, this clock blow my mind!,lol

qureyoon said,

April 16, 2007 @ 6:44 pm

brilliant idea and implementation ^^

Michael Battle - Work & Play » Binary Hex Key - Flash and Actionscript Experiments! said,

May 3, 2007 @ 8:39 pm

[…] next step was a logical one for me - you guessed it - my Analog Binary pattern has found a new […]

Cat said,

August 30, 2007 @ 6:39 pm

Well done. Looks great and the feeling is just: WOW!
And to answer your personal question to me. No I can’t read this clock. Duh I just can’t read binary that fast. I have to think about it to long and that means time is ticking on and I am to late. So I have to think again and again time is ticking on and I am to late. So I have to think again and again time is………

ROATS19 said,

October 3, 2007 @ 1:07 pm

Would it be possible to make this into a screensaver?

Sandeep said,

October 21, 2007 @ 4:56 am

Nice Site…all your experiments are classic and wonderful…Your brain rocks….

Experimental Analog Binary Clock - Graphic Design Forum and Web Design Forum said,

October 23, 2007 @ 2:25 am

[…] Binary Clock Experimental use of the binary system to create a clock. Very interesting! Link: Michael Battle - Work & Play » Experiment: Analog Binary Clock - Flash and Actionscript Experim… __________________ Harry Roberts Design | The Web […]

Brandon said,

October 23, 2007 @ 2:52 am

Splendiferous idea. I would love a watch with this on it.

Alex said,

October 23, 2007 @ 3:25 am

Hello,

how about inverting the proportions, so that the more significant bits have greater length? I think, that would be more consistent. Furthermore, maybe the length should double with each binary digit. Just “logical” thinking, maybe worth a try, though I cannot imagine how it would look like.

Alex

John Tyler said,

October 23, 2007 @ 4:10 am

I would buy this clock and stare at it until I could read it without the real time showing below. And then maybe I would evolve into a more critical thinker and dissolve away into binary land.

Erik Strande said,

October 23, 2007 @ 4:27 am

Could someone PLEASE tell me how to read this clock!?!

sam said,

October 23, 2007 @ 6:38 am

Make the first strokes longest and subsequent strokes shorter. That should make the clock have at least some intuitive feel.

cheers, sam

jeremy said,

October 23, 2007 @ 7:54 am

In a word, awesome! Already appreciated.

Denton said,

October 23, 2007 @ 10:39 am

I assume that everyone has already seen this but, on the small chance that you haven’t Thinkgeek.com has a binary clock, not in as cool a design as yours, but in a slightly more readable fashion
See it at
http://www.thinkgeek.com/homeoffice/lights/59e0/

Dave said,

October 23, 2007 @ 2:10 pm

What about making the bits add from the inside outward? It seems more intuitive to add as you move along the hands rather than the other way around.

Patrick said,

October 23, 2007 @ 3:08 pm

I hella want one of those!!!

S4Sandeep said,

October 23, 2007 @ 10:30 pm

This Clock will Rock all the Time

criptxna said,

October 23, 2007 @ 11:56 pm

I’m obviously not a geek. Am totally lost.
But if I understand it correctly (which I don’t) then it obviously means something. I’m not sure it’s the meaning of life which is 42, but I like it. Maybe one day I’ll figure it out..
Hawkings “Brief History of Time” was easier, but no less interesting.

kometbomb said,

October 25, 2007 @ 1:20 am

Nice idea, but I don’t agree with the bit that says “a bit can represent 256 values”. As everyone has noticed, a bit can represent two values and you probably meant to write “byte” (or, “octet” to be completely right).

Hats off to the nerdiness of this idea. :)

Sherman said,

October 25, 2007 @ 7:13 am

Please turn the line segments in bezier curves using the points of the paths as control points.

I think that will look cool.

Of course you must keep the smooth transitions, too.

Locke said,

October 26, 2007 @ 3:42 am

This is, by far, the nerdiest clock ever, and definitely the coolest. I like the idea of having the arms represent the bits backwards, so like 1011 would be R R L R, I think that would make it easier to read, plus a cool experiment. Kometbomb is right:
When each bit is set to a value of 1, the decimal number we get is 255 which means that a BYTE can represent 256 values (including the value of zero).
Anyways great show, can I put one on my blog? Maybe a little one for the sidebar with a link?

elis said,

October 26, 2007 @ 8:01 am

:)
makes me happy

Michael said,

October 26, 2007 @ 10:53 am

Hey Locke - I’ll happily supply you with one for your blog sidebar… you’ll just have to give me a week or two to get it done for you… I’ve got a crazy deadline that I’m working to - after that, I’ll sort it out.

Cheers - glad you like it.

PS - yep ‘bit’ should read ‘byte’ - I’ll correct the typo now.

jonathan said,

October 26, 2007 @ 6:51 pm

really cool idea, nice work! :)

Jim Tarbuck said,

October 26, 2007 @ 7:02 pm

Like it! Very clever.

Your mind is indeed a weird and wonderful place.

One thing that I think would increase the readability of the clock (like THAT’s a major consideration!! ;-) is to separate the hours, minutes and seconds to different corners of the screen area. I reckon if you did that, you would actually be able to work the time out in a couple of seconds… It would lose some impact though…

Mike Gibson said,

October 26, 2007 @ 8:07 pm

I thinks it’s awesome, now you just need a way to make it a real clock, I’d put one in my living room. :D

Daurnimator said,

October 27, 2007 @ 1:37 am

I think you should try this with the golden ratio :)

You’ve probably made some great discovery, that will be expanded on by some PhD student ;)

Josh said,

October 27, 2007 @ 6:42 pm

I was just wondering if there was a version of this I could keep on my computer so I could stare at it for hours without being online, so is there?

Michael said,

October 27, 2007 @ 6:47 pm

Thanks again for the comments, everyone.

Daurnimator - I did initially intend to use the Golden Ratio (and did try it) but the subsequent bits/arms got too small too quickly.

John - Really glad you’re enjoying it :) I am intending to put together a version or two of this for those that want more. I suggest you subscribe to my RSS feed so you can be notified when it all starts to happen.

Now all we need is the living room version :)

noticiasfrikis » ÂżUn reloj binario y analĂłgico? said,

October 29, 2007 @ 4:54 pm

[…] se muy bien como funciona, supongo que en la web del experimento lo explicarán, pero no quiero ni pensar lo que te puede costar enterarte de la hora que es. VĂ­a […]

Justin said,

October 29, 2007 @ 6:25 pm

It really isn’t that difficult to read, if you think in patterns. I think the problem most people might have is getting caught up on the second hand. The best idea is to ignore the second hand (do you every read the second hand on a normal clock?). Instead only look at the minute hand and hour hand. They should be static long enough for you to at least figure out the binary pattern. If you see any spirals, that means all of the turns in the spiral are the same value. Starting from the middle, a counter-clockwise (no pun intended) spiral means all 0’s, which you can ignore (note that the two most significant bits will always be 0 because the binary encoding for 60 is 00111100). So after the spiral ends, start counting 1’s and watching for 0’s in between. After that, it’s just knowing binary, which everyone should :). This is a very cool clock. I like how it slowly unwraps the spiral as time goes on. I don’t like the idea of switching the bit order so that the most significant bits are on the outside. This would make the clock appear more chaotic, with the arm swinging around wildly (each second, the arm would switch from the top to the bottom or bottom to the top).

Ibykus said,

October 29, 2007 @ 7:18 pm

Sorry for the question, but how are the rules to decide which direction the next stroke goes (up, down left or right)?
You describe the very first one (LEFT=upwards, RIGHT=downwards) but for the rest of the bits it’s not clear for me.
Would you (or someone smarter than me) please explain it?
Thank you to anyone!

noticiasfrikis » Blog Archive » Prueba 2 said,

October 29, 2007 @ 8:47 pm

[…] se muy bien como funciona, supongo que en la web del experimento lo explicarán, pero no quiero ni pensar lo que te puede costar enterarte de la hora que es. This […]

Mac [unlesbar] said,

October 31, 2007 @ 1:52 pm

This one’s absolutely great!

mattC said,

November 1, 2007 @ 11:39 am

This is incredible man. Very nice work.

Mike said,

November 1, 2007 @ 12:37 pm

Just an observation, even if you’re unable to read the clock immediately, you can figure out what time it is simply by observing the ’second hand’ and ‘minute hand’ when the minute hand moves, begin counting the seconds in your head, when the second hand lines up with the minute hand, it’s that many minutes, same thing for hours.
Well done, I like this a lot, and like most of the other people here, i’d definately sport a wristwatch like this.

inxane said,

November 1, 2007 @ 1:17 pm

sweet clock…

Ethan Christ said,

November 1, 2007 @ 2:31 pm

First of all, let me say that I am thankful that the creators of Stumble Upon created such a wonderful tool that lead me to your site. I absolutely love this site. The design is simply to die for. Did you write the Theme yourself? The header graphic is pretty sweet.

I will definitely be back to this site. Count me as more than just a passerby reader. This is now one of my new favorite places on the internet.

If you have a chance, take a look at my site.

x1101 said,

November 3, 2007 @ 2:49 am

Wow this is amazing! I also would love to put this onto the side bar in my bolg on wordpress. If(when) you get a version that will work, and if you would let me I would post it on, and provide a link here.

10 thumbs up for nerdiness!

Realitybyrtes said,

November 6, 2007 @ 4:33 pm

LOL! Almost certainly it will be appreciated after you are dead. In fact, I think you are onto something. Visual representation of binary. It’s like a children’s book using the three apples to represent the concept of 3. Can anybody take this in a similar yet different direction? For instance, right/left, up down?

SyncA said,

November 7, 2007 @ 5:59 pm

Hi there I stumbled upon this site as many of us, and this might just be the first stumble I really would like to ad something.

First of all this is a verry original, cool idea. But if you want to make a standalone clock don’t stay within the 8 digit binary code, Ok in computer architecture nowadays a byte contains 8 bits, but our clock doesn’t need 8 bits. 59, the largest number a clock has to show, is represented in binary as 111011 (correct me if I’m wrong, it’s been a long time) and that’s only 6 digits, so the other two remain zero at all time, translated to the clock, the first two lines, counting from the center, never change. Of course this has nothing to do with your analog representation of binary numbers, this is purely about esthetics!

Annyway, commenting is easy, I couldn’t see me making somthing like this so,… Nice job!!!

And thanks for sharing

Philkav said,

November 9, 2007 @ 4:14 am

haha, very good!!!

Jon Gjengset said,

November 14, 2007 @ 7:00 am

Wow! I love your twisted nerdy mind, makes me feel all warm inside ;-)

Two great suggestions have come up here, just to list them up for you:
- Making this into a screensaver (How about talking to the Polarclock team?)
- Making a real version of this (E-mail thinkgeek.com, perhaps they can help)

And I have another idea, how about making the entire clock larger, and expand the spacing in between each value. I think that would really clear up the entire thing. Also, how about placing the starting point of each of the ‘hands’ a couple of values apart? Would be harder to make, but would look cooler I think..

Keep on coming up with these crazy ideas ^^

digitalsushi said,

November 14, 2007 @ 10:14 am

when i wake up in the middle of the night, my analog clock looks like a pie. and my rat-brain, the only part of me awake, knows what pie looks like. but not your crazy thing! if your brain evolves to make use of this in mid-slumber clock peeps, you are truly the Chuckie Xavier of our time :)

Michael said,

November 14, 2007 @ 10:39 am

Thanks Jon (and everyone else)… great comments.

I’m keen to relaunch the clock in both blog/widget versions and as a screensaver. I’m going to sort that out as soon as possible.

I may have to purchase software to get the screensaver thing happening - depending on cost, I may include a paypal link so that interested people can help me out with that. If anyone has ideas as to which software is the best for this, please let me know. I’m intending to build the clock with AS3.

For some reason I’d really like to see some of my work on t-shirts. I think that’s my inner-uber-geek crying out.

And the ultimate version - the ‘real’ version - that would be great. I have no idea how to go about this. If anyone else does, please let me know… otherwise thinkgeek.com will be getting an email from me sometime soon.

L said,

November 14, 2007 @ 10:55 am

I like it. I think it’s beautiful, abstract, simplistic, and highly original. Hope you don’t mind, I’ve leeched the SWF file and plan to convert it to some sort of screensaver provided I can find a way to do it for very cheap or free. If I find a way I’ll let you know.

Michael said,

November 14, 2007 @ 12:20 pm

Hey L - I don’t mind if you hijack the SWF as long as you link back to me and don’t claim credit for the idea.

If you can’t wait for the ‘official’ version, I don’t mind if you want to play with it…. make sure you let us know what you come up with.

Michael.

Kevin said,

November 14, 2007 @ 2:08 pm

Absolutely genius! I love it.

Yecats said,

November 14, 2007 @ 7:21 pm

A ‘clock’ version could possibly be made using a small LCD screen and something like iPod software that would run only the clock program. You can pick the LCD screens up as ‘digital photo frames’. Just need a little bit of reverse engineering.

You wouldn’t worry about burn-in cause the screen is changing too much for it to stick.

a watch version would probably be too small to read.

MILITANTPLATYPUS » Blog Archive » Binary Clock said,

November 15, 2007 @ 4:35 am

[…] For the longer explaination, you can check out his site. You can also see the clock in action after the jump. footloosemoose.com […]

fabian said,

November 15, 2007 @ 2:57 pm

Hi there, i love it! i believe you’ll find some interesting uses for this concept if you try to use it for calculations! You might have seen the video of this guy that sees numbers as shapes and can calculate with them. Something along those lines.
Fascinating.

Mohanganeesh said,

November 15, 2007 @ 3:25 pm

That’s a very different thought!

Dallas said,

November 15, 2007 @ 4:14 pm

I like the idea. At first I just looked at the clock and not the text and I tried to figure it out. I thought that maybe the number of turns added up to the number being displayed, a left turn for one and a right turn for two, the more turns the more it added up to… i don’t know. Then I read it was based in binary and was thoroughly impressed, nice job.

ticz said,

November 15, 2007 @ 4:48 pm

woah! cool idea! very very very original (as other said)

but i really enjoy having great ideas sticking to my body… tha’s why if you have the capability of selling your idea to some watch company and name it the “binary watch” or “the watch for the nerds” or something even cooler than that then i would love to buy it!

once again! Nice work!

Aaron Dragushan said,

November 22, 2007 @ 5:20 am

Wow. This clock blows my mind. Very well done!

The ibrow Blog » Some Weekend Reading 24th Nov 2007 said,

November 25, 2007 @ 2:09 am

[…] about the internet this weekend, and came across an Analog Binary Clock by Michael Battle on the rather brilliantly named domain: footloosemoose.com. Flicking through his […]

soe moe said,

November 25, 2007 @ 6:12 pm

I really like it.

James Last said,

November 29, 2007 @ 11:06 pm

Is it a fluke or why is 42 the very first number in the sheet?

Tilman said,

December 1, 2007 @ 1:16 am

“Obviously, a clock only needs to display 60 values…”

Really? The most efficient time representation in the information age is the sixteen-bit-day, that gives the time of day as a fractional part of the day - and thus as a real number in the interval [0,1), pepresented binary respectively hexadecimal.

It starts with ,0000,
the moment before noon is ,7FFF,
noon is ,8000 (one half in hexadecimal numbers)
and the moment before next midnight is ,FFFF.

Expressed binary the day runs from
,0000.0000.0000.0000
till
,1111.1111.1111.1111
without even one unused bit. So if we talk about binary time representation, first we should talk about that.

This time format is described on Intuitor
(http://intuitor.com/hex/hexclock.html)
and also in a Wikipedia article:
en.wikipedia.org/wiki/Hexadecimal_time

massivetruth » Blog Archive » Fantastic Fridays said,

December 8, 2007 @ 3:09 pm

[…] Uncanny Binary Clock Admittedly, this is a geek entry. Michael Battle decided to rethink binary in terms of left and rights, instead of one’s and zero’s. Interesting read! […]

Jonathan Greene said,

March 25, 2008 @ 2:29 pm

very cool Michael! I just watched it for like 5 mins straight :)

Emre said,

September 8, 2008 @ 5:30 pm

Nice idea buddy, well done!

Guru said,

September 28, 2008 @ 12:25 pm

Pretty neat idea. Personally, I’d love to have a shirt that used this clock to point to 4:20. Would be a great geek/stoner shirt. :D

Pratik said,

November 5, 2008 @ 4:09 am

Great job man…nerd expression at its very best..:) It would be really cool to have it as a screen saver..can you make it into one?

RSS feed for comments on this post · TrackBack URI

Leave a Comment



« Experiment: Parasites