Google涂鸦如何动画

我总是想知道这些涂鸦是如何动画的。有人可以详细描述这些动画是如何制作的。我知道它使用JS来动画化图像。但我想知道它如何与用户的点击和时间进行交互，并且它也是跨浏览器兼容的，这让我感到惊讶。Google涂鸦如何动画

enter image description here

2012-10-14 nasty

的谷歌工程师为他们在做什么真正的好;）如果想要学习JavaScript，请从https://developer.mozilla.org/en-US/docs/JavaScript/Guide开始。您还必须了解DOM以及它如何与JavaScript和事件系统一起工作。 http://www.quirksmode.org/js/introevents.html是后者的一个很好的开始。 –

*如果你可以想象一整本书，回答你的问题* .... http://stackoverflow.com/faq – ahren

为什么这个问题已关闭？一个完全合法的问题。 – neoswf

有在JavaScript许多跨浏览器兼容的方式做简单的事情，像

一）移动元素（通过改变它的样式位置属性）
湾）调整大小/编辑（非常常见）

平滑动画通常由一些函数提供，该函数可以移动（或以其他方式更改） s）一个元素CSS属性的一小部分。如将位置从（1,1）改变为（1,2）。这一个像素变化看起来非常流畅。然后这个函数像框架一样被调用，每秒多次（每秒调用15次这个函数产生15帧/秒的动画）。

使用JavaScript事件和改变CSS属性的能力，做很多次第二，产生一个伟大的跨浏览器的动画:)

来源

2012-10-14 22:49:52 Ben

Google涂鸦如何动画

回答

相关问题