1. 程式人生 > >12個最好的JavaScript動畫框架

12個最好的JavaScript動畫框架

1. Scripty2

scripty-2
scripty2 是一個用於基於HTML的高階使用者介面的開源JavaScript框架。 或者簡單地說,scripty2幫助你構建一個更美味的網路:視覺效果,UI元件和CSS實用程式。 scripty2是script.aculo.us的完全重寫和重新實現,具有模組化結構,旨在簡化高度自定義的使用者介面效果和行為的開發。

2. JSAnim

jsanim
jsAnim一個JavaScript動畫框架,用於為Web介面建立高光滑的動畫效果。 制定了標準和最佳實踐,jsAnim允許您建立驚人的動畫效果,而不會犧牲Web專案的Web可訪問性。

3. Scriptio.us

scriptio
Scriptio是一個開源框架,用於在豐富的線上體驗中呈現動畫和教育內容。 Scriptio具有易於學習的指令碼語言,用於快速原型開發和生產質量開發,Scriptio專為豐富的Web 2.0應用程式而設計。

Scriptio 用JavaScript編寫的,並利用Ajax技術。Ajax是指建立互動式web應用程式的工具和方法。如果需要伴有旁白或聲音,則支援與HTML5音訊,Flash,QuickTime和標準音頻格式的介面。

4. Smoke.js

smokejs
smoke.js 是一個非常容易使用和靈活的框架無關風格的JavaScript的警報系統。 它使用CSS動畫和背景,所以沒有影象或js動畫程式碼使它非常輕量級。

5. TinyColor

tinycolor
TinyColor是一個用於輸入顏色和輸出顏色作為不同格式的微框架。支援以下顏色型別:RGB,HSL,HSV,Hex,Name(來自SVG顏色程式碼)。

6. Paper.js

paper-js
Paper.js一個在HTML5畫布上執行的開源向量圖形指令碼框架。 它提供了一個乾淨的場景圖/文件物件模型和許多強大的功能,建立和使用向量圖形和貝塞爾曲線,所有整潔地包裝在一個設計良好,一致和乾淨的程式設計介面。

7. Opentip

opentip
OpenTip 是一個. 它是免費的,開源,並有不同的風格。 它有無數的固體功能,如莖,使用AJAX的自動內容下載,工具提示的自動重新定位,所有型別的觸發器,CSS3動畫,以及經過200多個單元測試的測試。

8. Babylon.js

babylonjs
Babylon.js 是一個完整的JavaScript框架,用於使用HTML 5和WebGL構建3D遊戲。 它有許多功能,如動畫引擎,場景挑選,物理引擎,碰撞引擎,特殊的fx,網格,相機等。

9. Processing.js

processing-js
Processing.js 流行的加工視覺程式語言的姊妹專案,專為網路而設計。 Processing.js使您的資料視覺化,數字藝術,互動式動畫,教育圖表,視訊遊戲等工作使用Web標準,沒有任何外掛。 您使用Processing語言編寫程式碼,將其包含在您的網頁中,而Processing.js執行其餘操作。 這不是魔術,但幾乎。

10. Flowtime.js

flowtimejs

Flowtime.js是一個框架,輕鬆地構建HTML簡報。 動畫通過原生和加速的CSS3過渡進行管理,Javascript負責導航行為,並添加了高階功能和配置選項。

11. Humane.js

humanejs
Humane JS 是一個簡單,現代,框架獨立,經過良好測試,不顯眼的通知系統。 它使用CSS轉換(如果可用),並將不會回到JS動畫。 它包括移動支援。

12. Move.js


Move.js是一個小的JavaScript庫使CSS3支援的動畫非常簡單和優雅。