google-doodle

I searched over the codes on the front page of Google Doodle which plays Doctor Who HTML5 game. I wonder what game engine (if necessary) does Google team use? The best technical article I found referring to Google Doodles is this one: Case Study: Building the Stanisław Lem Google doodle This was written by Marcin Wichary, a Sr User Experience Designer at Google who contributed to a some Google Doodles Pac-Man , Jules Verne , World’s Fair As for the article it seems that every doodle will have its own engine (maybe there is some base code though). The article focus on the development of the

I am sure many of you have already checked on today's (2011-02-08) Google's doodle ( link to article on CNN if doodle changes ). It was awesome and I tried figuring out about its implementation in Firebug , some things I found out was that it has about 3 layers of images (for 3D effect) which are pan and rotated ( -moz-transform:rotate() ), etc. What I didn't found about were (and my questions): How it hid our mouse cursor when you hold on the handle, I know it's cursor:none in CSS but I still saw this CSS for the handle: #verne-drag { background: url("logos/2011/verne-hp.png") no-repeat

Does anybody know how the Google Interactive Doodles for Olympics work. http://www.google.com/doodles/soccer-2012 I find that the Div is hplogo and the style is right above it, like: #hplogo{background:url(/logos/2012/soccer12-hp.png).... I can't figure out how the score is calculated; How the objects are moved, etc. Is it a readable JS file? Thanks in advance. Sincerely, A fellow developer Some doodles use Canvas for showing the animations. Different frames, taken from a loaded image are drawn using a timer in javascript. Some use CSS property background-image . CSS property background

Google has the coolest effects - once it was a Pac-man game, today is apparently the 160th anniversary of the first World Fair, and Google's logo has an image of it. They also turn the mouse into a magnifying glass that can sweep over the picture (the gold ring). I'm wondering how they do that. It's obviously Javascript, and I looked at the page source, but it's not especially readable (no surprise). Looking at their source code, it seems they are using rather basic techniques to achieve this. Ignoring all the embedded nifty animated gif's, there are basically two images - large, and small of