JavaScript的偉大的動畫引擎？ - 使用Javascript /動畫

Question

我想實現一個基於時間軸的動畫，其中動畫將能夠爲：

• 暫停
• 恢復
• 快進
• 放緩
• 顛倒過來
• ...

是否有任何動畫/補間動畫的JavaScript可用於這種目的？或者那會被強烈推薦？

---

Hwlp會很棒，尤其是因爲這真的讓我感興趣！ =）

Answer 1

我認爲所有這些框架將 爲你做 （反向沒有被所有的人都支持我見）：

• 的jQuery：http://api.jquery.com/animate/
• $ FX：http://fx.inetcat.com/manuals.php
• Scriptaculous：http://wiki.github.com/madrobby/scriptaculous/
• Yahoo! UI庫：http://developer.yahoo.com/yui/3/api/module_anim.html

我更喜歡jQuery。

Answer 2

嘗試使用Yahoo UI：

http://developer.yahoo.com/yui/3/examples/

看動畫節。

Answer 3

你可以看看jQuery的動畫在

http://www.visualjquery.com/

在搜索欄中寫

「動畫」，點擊項目，你會看到一些例子在那裏。

Answer 4

我不認爲你在找什麼，你應該自己寫。

另外我想Adobe會推出一套JS/HTML/CSS動畫工具，您可以在Google IO上查看他們的演示文稿。

Answer 5

我不知道你是否還有興趣，但我在找你一樣（相信我，我正在尋找HOURS和小時），我不知道我是否真的找到了我在找什麼。最接近的是jsAnim（http://jsanim.com），現在工作正常。我列出了我在網上找到的東西：

（評論是非常不專業的，測試很快就完成了，請用鑷子拿它。）

• jsAnim：語法是很容易專注於動畫，而不是對象架構（見YUI）（這是偉大的......工程師......）。放鬆選項並不可怕，但很好。總的來說，工作正常。
• Scripty2（前Script.aculo.us）：未經測試需要原型。
• moo.fx：未經測試需要Prototype或mootools。
• YUI 2/3動畫：工作正常，但它的工程師代碼對於一個休閒的前端動畫有很高的學習曲線。
• $ fx（）：具有非常小的佔地面積（僅3 KB！）。如果只有緩解將是選擇。
• Trident-js：似乎有一個非常強大的時間表，看起來很棒的演示，但它並沒有爲我工作，它的瘦文檔沒有多大幫助。
• Animator.js：語法讓我害怕。對我來說也顯得非常業餘。
• JSTweener/GX/xAnimation：那些甚至沒有引起我的注意。對我來說非常非常業餘。
• 用於jQuery代碼生成的Glimmer GUI：安裝程序沒有安裝在我的機器上（安裝程序的未知錯誤）。
• Raphael/Burst Engine/Processing.js/Pixastic/Cake-js：它們是用於畫布/矢量。另一種（酷）的東西。
• Spritely：也適用於其他類型的東西：精靈動畫。

因此，現在和我目前的動畫要求，贏家是jsAnim。我也想嘗試Scripty2和moo.fx，因爲它們似乎已經存在了一段時間（從2005年開始，Scripty2是Script.acoulo.us的第二個版本）。

我的2cents。希望它有助於某人。現在上帝，我想我最後8個小時回來！

Answer 6

我建議BetweenJS BetweenAS3的Javascript的，這裏的一切ü要求實施，並準備使用 http://github.com/sazaam/BetweenJS/

Answer 7

對於一個完整的功能集，檢查出KUTE.js一個跨瀏覽器的搬運。它具有變換，框模型屬性，滾動，表示屬性，SVG變形，SVG繪製，補間收藏，暫停和大量緩動功能。