- 浏览: 21727 次
- 性别:
最新评论
-
qianrenzhang:
好文章 转载了
tween.js可生成平滑动画效果的js动画库
文章列表
这是一款使用HTML5 canvas来将图片制作成马赛克效果的js插件。该马赛克插件可以使用canvas生成各种形状的像素马赛克,并将图片按照其颜色深度用不同颜色的马赛克进行渲染,效果十分逼真。该插件的灵感来自于美国肖像画家Chuck Close。已经有人使用这个javascript插件来制作了一个完整的图片马赛克应用框架:The Pixelator。这个马赛克效果js插件需要使用同源的图片,根据 HTML5 规范,浏览器在解析getImageData()方法时会阻止获取跨浏览器的图片。
这是一款使用js制作的HTML5 canvas粒子生成人物面部轮廓插件。该js插件可以扫描图片中的人物面部阴暗和高亮面,并生成canvas,使用圆点来描绘出脸部轮廓。还可以用鼠标来和粒子进行互动。该插件不需要使用高分辨率的图片。但是图像必须放在相同域名的服务器上,由于安全原因,跨域名的图片不能在CANVAS中使用,查看Security with canvas elements。
svg.draggable.js是一款基于svg.js的html5 svg拖拽插件。该js插件可以使用svg.js生成的svg图像具有拖拽功能,并且可以限制拖拽范围,还可以制作拖拽幻影特效。该插件需要svg.js v0.11以上版本的支持。
这是一款基于html5 canvas的轻量级炫酷粒子动画库js插件。该粒子动画库js插件可以设置粒子的形状、旋转、分布、颜色等属性,还可以动态添加粒子,效果非常酷。
svg.js是一个轻量级的操纵和制作SVG动画的js插件库。svg.js可以生成SVG图形、图像、文字和路径等等。svg.js还可以用于制作svg动画和互动拖拽等效果。svg.js没有任何的外部依赖,它遵循麻省理工学院的许可( MIT License)下许可证的条款。
snabbt.js是一款轻量级的、功能强大的、简单易用的jQuery动画库插件。snabbt.js提供了丰富的函数和接口来组合各种动画效果,它的过渡动画效果可以和CSS3 transform媲美,是一个非常强大的jquery插件。 snabbt.js的每秒传输帧数(刷新率)达到60FPS,即使是移动设备上也能达到这个数值。它的大小只有4KB,非常轻便。使用snabbt.js可以很容易的将元素移动、旋转、放大缩小、倾斜和改变元素的大小。通过使用矩阵乘法运算(matrix multiplication operations),你可以结合各种变换动画来制作你想要的动画效果。它得到的效果比CSS3 ...
tween.js是一款可生成平滑动画效果的js动画库。tween.js允许你以平滑的方式修改元素的属性值。它可以通过设置生成各种类似CSS3的动画效果。tween.js允许你以平滑的方式修改元素的属性值。你只需要告诉tween你想修改什么值,以及动画结束时它的最终值是什么,动画花费多少时间等信息,tween引擎就可以计算从开始动画点到结束动画点之间值,来产生平滑的动画效果。
Tweene是一款功能强大的jQuery动画代理插件。Tweene可以在不同的插件库之间进行切换,使你能够同时使用不同的动画库而不必修改你的动画代码。使用Tweene可以很好进行各种动画控制。
现在已经有许多的javascript动画库插件,如 snabbt.js ,它们每一个都有自己的优点和不足。每个程序员和每个项目都有其特定的要求,所以有时一个动画库可能不能满足我们的需要。我们并不建议你放弃那些已经存在的动画库而去自己编写一个新的动画库,即使你有这样的能力。
Tweene能够帮你解决这个难题。Tweene是一个动画代理:它可以包装你选择的不同的动画库。它能够使你在这些动画库的基础上做 ...
这是一款效果非常炫酷的CSS3表单input输入框美化效果插件。该input输入框美化插件共14种效果。大多数是使用CSS transitions来切换伪元素制作的。其中还有一款使用了html5 svg动画效果。
wysiwyg.js是一款十分强大的、所见即所得的jQuery富文本编辑器插件。wysiwyg.js富文本编辑器体积小,支持选择、键盘、占位等众多事件。而且该富文本编辑器的兼容性十分好,甚至兼容IE6。该富文本编辑器还有一个大小10k(minified)的jQuery插件-$.wysiwyg(),在加上一个配套的2k CSS文件可以创建全部功能的wysiwyg富文本编辑器。