轉載 – 10個頂級JavaScript動畫架構推薦

使用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

譯文出自：ITeye