阅读更多

4顶
0踩

Web前端

翻译新闻 10 个顶级 JavaScript 动画框架推荐

2012-01-12 17:18 by 副主编 wangguo 评论(0) 有27226人浏览
使用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
  • 大小: 57.5 KB
  • 大小: 58 KB
  • 大小: 65.5 KB
  • 大小: 70.2 KB
  • 大小: 55.9 KB
  • 大小: 84.2 KB
  • 大小: 47 KB
  • 大小: 56.4 KB
  • 大小: 38.6 KB
  • 大小: 70.1 KB
4
0
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics