javascript中的動畫，起點

Question

我明白JS是如何運行的，我想我理解了大部分的DOM，但我不知道動畫。有沒有人知道一個很好的指導，可以向我解釋它是如何在Javascript中完成的？

另外，我是否應該考慮將Javascript用於動畫？我應該改爲學習閃光？

Answer 1

避免閃存，它的一個可怕的要求，谷歌無法抓取，一堆瀏覽器和系統（例如iPhone）不支持，最重要的是：它迫使你重新創建Web標準（例如滾動條和什麼）另一方面更容易維護和編碼的情況下。

嘗試scriptaculous爲您的動畫;

• here's a quickie 3-line tutorial so you can see it working
• here's a more complete tutorial
• here's the scriptaculous wiki

注意，有一個極大的JS動畫庫，一些非常好的jQuery想到的。通常他們只是一個腳本標記和一個onclick事件來設置。

祝你好運！

/MP

Answer 2

如果您的動畫很簡單，隨着時間的推移改變顏色，在3秒內從x移動到y。 Javascript很好。如果你想要各種各樣的wizbang按鈕和屏幕的協調旋轉，直接js + dhtml充其量是笨重的。 Silverlight vs Flash是你在這個時候的問題。有趣的是，您使用javascript編程Silverlight，這將是簡單升級到更快，更動態的DOM在Silverlight中實現但仍然編寫相同代碼的主要優點。根據我的經驗，Flash的可編程性非常有限，您可以做任何事情，但速度會很慢，需要數千行代碼才能實現。對於簡單的JS動畫看看jQuery或Scriptaculous。

Answer 3

查看一個像Bernard Sumption的Animator.js這樣的JS動畫框架。這是相當輕量級的，並有一些很好的例子。

就我個人而言，我不會在JS中動畫。 Flash FTW。

Answer 4

如果你不與IE瀏覽器的支持有關，你也可以嘗試用canvas元素實驗：

Mozilla開發者網絡Basic animations