Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
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 propertybackground-positionis changed using a javascript timer to create animation.Animations are made interactive using more javascript.
e.g: http://www.google.com/logos/2012/hurdles12-hp-sprite.png,
http://www.google.com/logos/2012/basketball12-hp-anim.png