使用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. HDU2947Bicycle Puzzle(组合原理)

    题目大意: 你和朋友两人玩游戏,将一个图片均等切割成W* H块,打乱每一小块的位置.拼图游戏开始.每次,可以交换任意两块,记下交换的次数,图片还原游戏结束.得分为执行交换的次数.得分越小越好. 现在, ...

  2. jpa动态创建EntityManagerFactory 态设置数据库连接 EntityManager;

    //jpa动态创建EntityManagerFactory 态设置数据库连接EntityManager;createEntityManagerFactory(String persistenceUni ...

  3. css初始化代码方案

    (从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-06-24) 为了消除各浏览器对css默认的设置,保持网页在各浏览器中的外观保持一致,初始化css就显得非常必要了!很多时候 ...

  4. Cache 工具类

    package com.thinkgem.jeesite.common.utils; import net.sf.ehcache.Cache; import net.sf.ehcache.CacheM ...

  5. SAE J1850 VPW PWM, SAE J2411 SWC, ISO 11898 CAN, SAE J1708, Chrysler CCD 接口芯片电路

    SAE J1850 VPW 接口芯片电路 SAE J1850 PWM 接口芯片电路 SAE J2411 SWC 接口芯片电路 ISO 11898 CAN 接口芯片电路 CANH 和CANL 上的电容 ...

  6. httpclient发起https请求以及获取https返回内容

    工作中的需要,使用Apache httpclient发起获取通过https返回的内容,试了很多网上的解决办法都不行,查阅了Apache httpclient的官方文档,最后终于找出解决方法,分享给需要 ...

  7. Myeclipse如何改变编码方式

    Windows---->Preferences---->myeclipse Enterprise Workbench---->File and Editors----->JSP ...

  8. C#中的ICollection接口

    一.集合类: 1.1 ICollection接口 前面我们学习了数组,这是.net Framework定义的最基本的集合类型,除过数组外,.net Framework还另外定义了很多集合类型以满足编程 ...

  9. YouTube上的版权保护

    早在2007年的时候,我曾写过一篇名为“YouTube: The Big Copyright Lie”(YouTube:关于版权的弥天大谎)的文章,表达了我对YouTube又爱又恨的情感纠结: 现在回 ...

  10. 大话设计模式C++实现-第22章-桥接模式

    一.UML图 二.概念 桥接模式(Bridge):将抽象部分与它的实现部分分离,使他们都能够独立地变化. 三.说明 为什么叫"桥接模式"? 如上所看到的的UML图中,有一个聚合线, ...