- 浏览: 2613433 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
贴上一个Tween的源码。
var Tween = { Linear: function(t,b,c,d){ return c*t/d + b; }, Quad: { easeIn: function(t,b,c,d){ return c*(t/=d)*t + b; }, easeOut: function(t,b,c,d){ return -c *(t/=d)*(t-2) + b; }, easeInOut: function(t,b,c,d){ if ((t/=d/2) < 1) return c/2*t*t + b; return -c/2 * ((--t)*(t-2) - 1) + b; } }, Cubic: { easeIn: function(t,b,c,d){ return c*(t/=d)*t*t + b; }, easeOut: function(t,b,c,d){ return c*((t=t/d-1)*t*t + 1) + b; }, easeInOut: function(t,b,c,d){ if ((t/=d/2) < 1) return c/2*t*t*t + b; return c/2*((t-=2)*t*t + 2) + b; } }, Quart: { easeIn: function(t,b,c,d){ return c*(t/=d)*t*t*t + b; }, easeOut: function(t,b,c,d){ return -c * ((t=t/d-1)*t*t*t - 1) + b; }, easeInOut: function(t,b,c,d){ if ((t/=d/2) < 1) return c/2*t*t*t*t + b; return -c/2 * ((t-=2)*t*t*t - 2) + b; } }, Quint: { easeIn: function(t,b,c,d){ return c*(t/=d)*t*t*t*t + b; }, easeOut: function(t,b,c,d){ return c*((t=t/d-1)*t*t*t*t + 1) + b; }, easeInOut: function(t,b,c,d){ if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b; return c/2*((t-=2)*t*t*t*t + 2) + b; } }, Sine: { easeIn: function(t,b,c,d){ return -c * Math.cos(t/d * (Math.PI/2)) + c + b; }, easeOut: function(t,b,c,d){ return c * Math.sin(t/d * (Math.PI/2)) + b; }, easeInOut: function(t,b,c,d){ return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; } }, Expo: { easeIn: function(t,b,c,d){ return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b; }, easeOut: function(t,b,c,d){ return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b; }, easeInOut: function(t,b,c,d){ if (t==0) return b; if (t==d) return b+c; if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b; return c/2 * (-Math.pow(2, -10 * --t) + 2) + b; } }, Circ: { easeIn: function(t,b,c,d){ return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; }, easeOut: function(t,b,c,d){ return c * Math.sqrt(1 - (t=t/d-1)*t) + b; }, easeInOut: function(t,b,c,d){ if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b; } }, Elastic: { easeIn: function(t,b,c,d,a,p){ if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (!a || a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; }, easeOut: function(t,b,c,d,a,p){ if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (!a || a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return (a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b); }, easeInOut: function(t,b,c,d,a,p){ if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); if (!a || a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; } }, Back: { easeIn: function(t,b,c,d,s){ if (s == undefined) s = 1.70158; return c*(t/=d)*t*((s+1)*t - s) + b; }, easeOut: function(t,b,c,d,s){ if (s == undefined) s = 1.70158; return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; }, easeInOut: function(t,b,c,d,s){ if (s == undefined) s = 1.70158; if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; } }, Bounce: { easeIn: function(t,b,c,d){ return c - Tween.Bounce.easeOut(d-t, 0, c, d) + b; }, easeOut: function(t,b,c,d){ if ((t/=d) < (1/2.75)) { return c*(7.5625*t*t) + b; } else if (t < (2/2.75)) { return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; } else if (t < (2.5/2.75)) { return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; } else { return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; } }, easeInOut: function(t,b,c,d){ if (t < d/2) return Tween.Bounce.easeIn(t*2, 0, c, d) * .5 + b; else return Tween.Bounce.easeOut(t*2-d, 0, c, d) * .5 + c*.5 + b; } } };
发表评论
-
动画easing
2014-05-13 17:08 1065收录一个动画: http://e ... -
TweenMax
2014-03-31 17:32 1025TweenMax: 在线调用:http ... -
动画框架之Sprite
2014-02-18 13:44 981Sprite.js An ... -
transitionEnd设计
2013-09-23 16:20 1411收录一段动画end的设计: functi ... -
一种抖动的实现
2013-06-01 20:06 0hao123中: ... -
关于回到顶部设计
2013-05-20 20:47 1300现在在很多大于一屏的界面在设计交互的时候都会加上 ... -
关于初始加载页面的动画震动
2013-03-22 18:20 1584本文主要来自:http://css-tri ...
相关推荐
通常,这样的项目会包含多个示例脚本和说明文档,帮助开发者理解和学习如何使用Tween技术。开发者可以通过研究这些示例,掌握如何在自己的项目中应用Tween动画,提升用户体验。 在实际应用中,Tween动画可以用于...
3. 在游戏引擎中:如Unity、Unreal Engine等,都有内置的Tween系统,开发者可以通过脚本控制对象进行平滑动画。 4. 图形软件:例如Adobe After Effects等专业动画软件,允许设计师制作复杂的Tween动画,然后导出为...
我们可以编写时间轴上的动作脚本,或者使用Tween类创建平滑的动画效果。 4. 导航控制:为了方便用户浏览图片,我们需要提供上一张/下一张按钮。ActionScript可以监听这些按钮的点击事件,当用户点击时,执行相应的...
为了更好地利用这个工具,开发者需要对Unity的UGUI系统有基本的理解,同时也需要掌握C#编程,因为Tween动画的设置主要通过编写脚本来完成。在实践中,可以通过Unity的Inspector窗口预览和调整动画效果,进一步提高...
描述 "c# scripts download animation or tween" 表明这个工具或资源可能包含了C#脚本,这些脚本用于下载或处理游戏中的动画或tween效果。在Unity引擎中,C#被广泛用于编写游戏逻辑和控制动画行为。 标签 ...
在Flash中,基于时间帧的动画是一种常见的动画制作方法,它允许开发者通过脚本来精确控制动画的时间流逝和帧序列。这种技术尤其适用于那些需要动态交互和复杂动作序列的项目。以下是对这一主题的详细讲解: 一、...
1. **导入缓动类库**:首先导入`Tween`、`TweenEvent`和`Regular`三个类,其中`Tween`用于创建缓动动画,`TweenEvent`用于监听动画事件,`Regular`提供标准缓动效果。 2. **图片数组初始化**:通过循环创建多个`...
这个演示可能展示了如何导入tweenEngine库到Director项目中,以及如何利用Lingo脚本调用tweenEngine的函数来创建和控制动画。通过运行这个演示,你可以观察到tweenEngine如何实现平滑的物体运动、变化和过渡,这对于...
7. **动画库和类**:除了基本的动画原理,AS3.0还提供了许多内置的动画库和类,如`TweenLite`和`TweenMax`(来自GreenSock),它们提供更高级的缓动函数和更简洁的语法,使得动画制作更加高效。 8. **时间轴和代码...
在倒计时动画中,每一帧可能代表不同的时间值,通过逐帧动画或者补间动画(Tween)技术,可以使数字流畅地从一个数值变化到另一个。 这个压缩包中的"倒计时flash动画效果素材"很可能包含了一系列预设的倒计时动画...
4. **补间动画(Tween Animation)**:在关键帧之间创建补间动画,Flash会自动计算中间帧,使心形在两个关键帧的状态之间平滑过渡,形成跳动的效果。 5. **形状补间与动作补间**:如果心形是矢量图形,可能使用形状...
此外,Flash CS4还提供了形状补间(Shape Tween)和动作补间(Motion Tween)两种动画类型。形状补间允许你在两个关键帧之间转换图形的形状,而动作补间则用于对象的位置、旋转、缩放和透明度等属性的变化。在制作...
1. 时间轴操作:熟悉时间轴的层、帧和关键帧管理,理解补间动画(Tween)的概念,包括形状补间和动作补间。 2. 动画基础:掌握图形的变形(Transform)、滤镜(Filters)应用和元件(Symbols)的使用,这些是创建...
"Flash Loading脚本编写加载特效.rar"这个压缩包包含了一个实现动态加载进度和动画效果的示例。以下是关于Flash加载特效、脚本编程以及相关技术的详细知识: 1. **加载过程**:在Flash中,当内容如SWF文件、图片或...
9. **Tween库**:Unity社区提供了许多第三方Tween库,如DOTween、Lean Tween等,它们可以简化动画的实现,提供更丰富的动画效果。使用这些库可以更方便地控制杠杠的平滑变化。 10. **性能优化**:在实现动画时,应...
关键帧(Keyframe)用于标记动画变化的点,而补间动画(Tween Animation)则自动填充关键帧之间的帧,实现平滑过渡。 学习Flash动画,你需要了解基本的绘图工具,如线条、形状、渐变、笔刷等,以及如何编辑这些图形...
在实现绳子动画特效时,可能需要使用Tween类来平滑地改变对象属性,或者直接使用AS控制关键帧动画。 在"codesc.net"这个文件中,很可能包含了整个项目的所有源代码和FLA文件。FLA文件是Flash的源文件格式,包含所有...
它具有强大的动画编辑功能,能够实现动画的关键帧动画、 tween 动画和 sprite 动画等。 4. 二维动画短片的制作过程:二维动画短片的制作过程可以分为三个阶段,前期主要完成剧本创作、人物设计工作;中期进行场景...
可能很多人不理解,既然2.6版本有了动画编辑器,为什么还需要用这个动画脚本呢?原因很简单,iTween最大的特点就是一步到位, 即一个简单函数就能让物体实现一个完整的动画过程,非常方便,而不用通过动画编辑器(虽然更...
特点: 可能很多人不理解,既然2.6版本有了动画编辑器,为什么还需要用这个动画脚本呢?原因很简单,iTween最大的特点就是一步到位, 即一个简单函数就能让物体实现一个完整的动画过程,非常方便,而不用通过动画编辑器...