歡迎您光臨本站 註冊首頁

10 個頂級 JavaScript 動畫框架推薦

←手機掃碼閱讀     火星人 @ 2014-03-12 , reply:0
  

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

1. Raphaël

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


源碼 + 演示

2. Processing.js

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


源碼 + 演示

3. script.aculo.us

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


源碼 / 演示

4. Pixastic

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


源碼 / 演示

5. moo.fx

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


源碼 + 演示

6. scripty2

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


源碼 / 演示

7. jsAnim

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


源碼 + 演示

8. The Canvas 3D JS Libary (C3DL)

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


源碼 / 演示

9. GX

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


源碼 / 演示

10. Scriptio

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


源碼 / 演示

英文原文:10 Super JavaScript Animation Frameworks



[火星人 ] 10 個頂級 JavaScript 動畫框架推薦已經有520次圍觀

http://coctec.com/docs/program/show-post-71396.html