有谁知道Google Interactive Doodles for Olympics是如何运作的.
http://www.google.com/doodles/soccer-2012
http://www.google.com/doodles/soccer-2012
我发现Div是hplogo
风格就在它上面,如：
#hplogo{background:url(/logos/2012/soccer12-hp.png)....
我无法弄清楚分数的计算方式;如何移动对象等.它是一个可读的JS文件吗？
提前致谢.
此致
一位开发者
解决方法
一些涂鸦使用Canvas来显示动画.使用javascript中的计时器绘制从加载的图像中获取的不同帧.
有些使用CSS属性background-image.使用javascript计时器更改CSS propertybackground-position以创建动画.
动画使用更多javascript进行交互.
例如：http://www.google.com/logos/2012/hurdles12-hp-sprite.png,
http://www.google.com/logos/2012/basketball12-hp-anim.png
