使用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 动画框架推荐的更多相关文章

  1. 给力的轻量级JavaScript动画框架 - jsMorph

    jsMorph 是一个独立的轻量级 JavaScript 动画框架,可以用它来操纵多个 HTML 元素的样式,实现动画效果.此框架会自动检测起始位置.转换单位.调整渲染的速度,以此来获得更流畅的渲染体 ...

  2. 【今日推荐】移动 Web 开发的10个最佳 JavaScript 框架

    选择正确的 JavaScript 框架,对于开发移动 Web 应用程序是至关重要的,也是移动应用程序开发的一项重要任务.开发人员可以使用框架实现的功能高效地达到他们的开发目标.这些预实现的组件采用优秀 ...

  3. 10个优秀的JavaScript Web UI库/框架推荐

    在进行Web开发时,并非所有的库都适合你的项目,但你仍需要收藏一些Web UI设计相关的库或框架,以在你需要的时候,加快你的开发效率. 本文为你带来10款非常优秀的基于JavaScript的Web U ...

  4. 10个顶级的CSS UI开源框架

    随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验.作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现 ...

  5. [转]10个顶级的CSS UI开源框架

    随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验.作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现 ...

  6. web前端的10个顶级CSS UI开源框架

    随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验.作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现 ...

  7. 推荐GitHub上10 个开源深度学习框架

    推荐GitHub上10 个开源深度学习框架   日前,Google 开源了 TensorFlow(GitHub),此举在深度学习领域影响巨大,因为 Google 在人工智能领域的研发成绩斐然,有着雄厚 ...

  8. 10个最佳 Javascript+HTML5 演示文稿框架

    JavaScript 与 HTML5 框架在创建基于现代浏览器的演示文稿时发挥了重要作用.他们把展示插入网页,为演示信息提供了一个有效方式.一般来说,手工插入花费大量事件和精力,它很复杂,以至于新手们 ...

  9. 海外开发者推荐:10个顶级2D游戏资源站

    转自:http://www.gamelook.com.cn/2015/12/239038 Gamelook报道/随着手游市场的持续增长,HTML5的发展以及大型发行商的支持,2D游戏的数量变得越来越多 ...

随机推荐

  1. c++，windows中的字符问题

    string与char*的转换方法 string a; char *b=a.c_str(); string a=new String(b); a=b; LPCWSTR是unicode的字符串,LPCS ...

  2. ELF--动态链接

    对前面add.c稍作修改, #include <stdio.h>int add_count = 0; extern int sum_count;extern void print_log( ...

  3. PetaPoco 笔记

    PetaPoco是一款适用于.Net 和Mono的微小.快速.单文件的微型ORM. PetaPoco有以下特色: 微小,没有依赖项--单个的C#文件可以方便的添加到任何项目中. 工作于严格的没有装饰的 ...

  4. Oracle:递归查询（树形结构数据）

    今天要做一个查询功能:查询某用户所属部门,且包含该部门的所有上级部门信息.偶然找到了一个方法,特意来做个笔记.分享给和我一样的菜鸟,哈哈 查询子节点 1 select * 2 from d_arc_d ...

  5. erlang自定义数据类型

    Erlang系统自带的基础数据类型有:atom.tuple.list.binary.pid.float.number.port.reference.record. 用户可以通过通过命令type来自定义 ...

  6. javaScript-原型、继承-01

    为什么会有原型这个概念: 1.优雅的创建对象: 2.继承: 先看js 之前创建对象的方式存在的问题: 创建对象方式 1.字面量 var obj={name:"join",age:1 ...

  7. Study notes for Clustering and K-means

    1. Clustering Analysis Clustering is the process of grouping a set of (unlabeled) data objects into ...

  8. Android Recovery Ui 分析

    Android  recovery和android本质上是两个独立的rootfs, 仅仅是recovery这个rootfs存在的意义就是为android这个rootfs服务,因此被解释为Android ...

  9. iOS的WebView中使用javascript调用原生的api

    1. 首先在javascript中加入相关代码 $('.content .saveCode').on('touchstart', function () {//touchstart if (temp ...

  10. cocos2d-x如何新建一个模板项目

    方法一: $ cd cocos2d-x$ ./setup.py$ source FILE_TO_SAVE_SYSTEM_VARIABLE$ cocos new MyGame -p com.your_c ...