10 個頂級 JavaScript 動畫框架推薦

jopen 12年前發布 | 11K 次閱讀 JavaScript

使用JavaScript可以做出一些引人注目的動畫效果,但通常不太容易實現。本文為你整理了10個非常優秀的JavaScript動畫框架,使用它們你可以輕松實現動畫效果。

1. Raphaël

Raphaël是一個小型JavaScript庫,用于簡化你的Web矢量圖形工作。如果你想創建獨特的圖表或圖形的裁剪和旋轉部件,你可以使用這個簡單方便的庫來實現。

10 個頂級 JavaScript 動畫框架推薦


源碼 + 演示

2. Processing.js

該框架主要針對不想使用Flash或Java applets進行圖片編程以及Web交互的開發者。Processing.js使用JavaScript在HTML5的Canvas元素上繪制形狀以及操作圖像。

10 個頂級 JavaScript 動畫框架推薦


源碼 + 演示

3. script.aculo.us

這是一個易用、跨瀏覽器的JavaScript UI庫,可以讓你的網站和Web應用更加生動。

10 個頂級 JavaScript 動畫框架推薦


源碼 / 演示

4. Pixastic

Pixastic 使用 HTML5 Canvas對象,允許對原始像素進行操作。效果包括去飽和度、灰度、反轉、亮度、對比度調整、色調調整、飽和度調整、浮雕、虛化等效果。因為用到了 HTML 5 的Canvas對象,因此還無法兼容所有瀏覽器。

10 個頂級 JavaScript 動畫框架推薦


源碼 / 演示

5. moo.fx

這是一個超輕量級但非常杰出的JavaScript效果庫,可以和Prototype.js或者Mootools框架結合使用。

10 個頂級 JavaScript 動畫框架推薦


源碼 + 演示

6. scripty2

這 是一個強大、靈活的JavaScript框架,可以幫助你創建漂亮的視覺效果及用戶界面。scripty2分為三個部分:核心(CORE)、特 殊效果(FX)和用戶界面(UI),支持IE6+、Safari 3+、Firefox 3+、Chrome、Opera 10 以及更多基于WebKit引擎的瀏覽器。

10 個頂級 JavaScript 動畫框架推薦


源碼 / 演示

7. jsAnim

這是一個強大、易用的JavaScript庫,可以為你的網站添加令人印象深刻的動畫效果,非常輕量級,大小不超過25KB。

10 個頂級 JavaScript 動畫框架推薦


源碼 + 演示

8. The Canvas 3D JS Libary (C3DL)

這是一個JavaScript庫,使用它你可以很容易地使用Canvas 3D元素來編寫3D應用。

10 個頂級 JavaScript 動畫框架推薦


源碼 / 演示

9. GX

這是一個全功能、跨瀏覽器、超小(未壓縮版本為10KB)的JavaScript動畫框架。使用GX,你可以創建復雜的動畫。

10 個頂級 JavaScript 動畫框架推薦


源碼 / 演示

10. Scriptio

這是一個開源框架,用于在線展示動畫和教學媒體。使用該框架,可以提高原型設計和高質量開發工作的效率。Scriptio被設計用于富Web 2.0應用。

10 個頂級 JavaScript 動畫框架推薦


源碼 / 演示

英文原文:10 Super JavaScript Animation Frameworks

本文轉載自: http://www.iteye.com/news/23996

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!