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塗鴉如何動畫

回答

相關問題