How The Martha Graham Google Logo is Animated

I can't see any doodle on Google homepage, don't know why it's not available to my country. Here's a higher resolution video of the doodle by the artist Ryan Woodward himself:<p><a href="http://www.youtube.com/watch?v=IsbI1GE4DGA" rel="nofollow">http://www.youtube.com/watch?v=IsbI1GE4DGA</a><p>It appears that animating dance figures is his speciality, check also this:<p><a href="http://www.youtube.com/watch?v=OBk3ynRbtsw" rel="nofollow">http://www.youtube.com/watch?v=OBk3ynRbtsw</a>

I can't access the article but looking at the homepage, I'm surprised it's not just a giant spritesheet that changes the x/y offset on certain intervals.<p>Nevermind, it is a giant spritesheet, but it's optimised to allow for static elements to not have to be redrawn. <a href="http://www.google.com/logos/2011/graham11-hp-sprite.png" rel="nofollow">http://www.google.com/logos/2011/graham11-hp-sprite.png</a>

To get an animated feel for how this works, add a user CSS to outline the border. I use the "User CSS" extension for Safari<p><a href="http://code.grid.in.th/" rel="nofollow">http://code.grid.in.th/</a><p>Then add this CSS:<p>#hplogo div { border: 1px red solid; }

I wonder why they went with many &#60;div&#62;'s, instead of a single &#60;div&#62; with JS controlling the background-position and clip?

Select the logo as it animates to see more clearly how it's a bunch of divs being spawned. (To select it, either use your mouse or tab out of the search box and hit Ctrl-A)<p>link: www.google.com

The animation was cool the first time, then after that it just got annoying - like having a flash ad on the page. I changed my search to Bing for the first time ever because of this animation.

Let me guess : by taking up 100% CPU? Irritated me the whole day.

I use igoogle start page, and I can't see any animation, just a static Martha Graham Google Logo. Does anyone have a the correct google URL in the States? I've seen the video of it, but it annoying me that I can't see the actual animation.<p>*edit: I found it <a href="http://www.google.ca/" rel="nofollow">http://www.google.ca/</a>

The logo didn't work in Opera 11.10 :/ I had to fire up IE 9 to take a peek

Ain't really brilliant. And they used the same 'doodle' method before. What would be nice is if they used the HTML5/canvas methods they've been hyping so hard. Unfortunately, animating this with that would take at least a QC Xeon.<p>What would be really, really awesome would be if they did it with Flash. Then it would work on droid, and iOS users would all go 'wtf?'