為開發者準備的15個最棒的JavaScript 動畫庫

oschina發表於2014-02-09

　　jQuery給各種效果帶來了無限的可能性，他有著簡單的、啟發性的API，你可以利用它建立你能想到的、甚至你想象不到的效果（有賴於你的創造力和想象力）。

　　富有創造力的jQuery使用可以為網頁設計帶來豐富的動畫效果，增強使用者的視覺體驗——顯然，繼續建立吸引人的網頁特效可以為你創造更多的回頭客，這些魔幻般的效果在以往只能用Flash實現。

　　這一次，我們想向你介紹一些jQuery動畫方面的創新使用，讓你的工程、網站和應用收益。

　　祝你愉快！

　　1. Tween JS

　　TweenJS 是一個簡單的 Javascript 補間動畫庫。開發初衷是可以很好的整合 EaselJS 庫，但又不依賴於或者限定於它。它支援根據數值物件的屬性和 CSS 樣式的屬性進行補間動畫。API 簡單而強大，可以很容易的通過連結命令構造複雜的補間動畫。

　　Tween JS

　　2. Jsanim

　　jsAnim 是為網站所用的動畫庫，效果平庸，實現笨拙粗劣，犧牲了標準與親和力，大小以至於達到龐大的 25k 位元組。

　　Jsanim

　　3. Animo.js

　　Animo.js 是個小巧但強大的管理 CSS 動畫的工具。它的特點有：疊加動畫，建立跨瀏覽器的模糊效果，動畫完成後可執行回撥函式。

　　Animo.js

　　4. Move.js

　　Move.js 是一個小巧的JavaScript庫，能使利用CSS3支援的動畫變得非常簡單和優雅。

　　Move.js

　　5. Collie

　　Collie 是一個有助於使用 HTML5 創造高度優化的動畫和遊戲的JavaScript庫。它可以執行在能夠使用HTML5畫布和DOM的PC和手機上。它可以穩定地處理使用渲染管線的多個物件，支援包括精靈動畫和使用者事件等的有用功能。能夠穩定支援iOS和Android，併為每個平臺以優化的方法呈現。也很容易對視網膜顯示器提供反應。

　　Collie

　　6. Minified.js

　　Minified.js是一個體積小(<8kB)功能強的客戶端JavaScript庫。它提供了類似於jQuery的功能(DOM操作、動畫、時間、HTTP請求) 和其他功能(集合、日期&數字格式化、日期計算、模板)，並有著簡單明瞭的API。

　　Minified.js

　　7. Rekapi

　　Rekapi是一款JavaScript關鍵幀動畫庫。它提供了一套API讓你可以定義關鍵幀動畫並控制動畫播放。Rekapi並未指定渲染行為。事實上，Rekapi的核心併為執行任何渲染操作。它提供了一個API來定義渲染器，標準的發行包包括HTML DOM和HTML5 2D Canvas渲染器模組。

　　Rekapi

　　8. Snap.svg

　　SVG是建立互動的一個很好的方式，獨立於解析度的向量圖形會在任何螢幕看起來都很棒。Snap.svg 這個JavaScript庫，使你的SVG資源使用起來就象用jQuery操作DOM一樣容易。Snap.svg專為現代瀏覽器設計，因此支援最新的SVG特性，如遮蔽，裁剪，模式，完整的梯度，分組，和更多。

　　Snap.svg