`

[转]greensock之缓动效果ease

阅读更多
http://hi.baidu.com/gklchocolate/blog/item/899d66ec6b42ddc5b31cb109.html

‍1,Linear线性变化
字面意思就很好理解,线性变化,就是匀速。


2,Back变化。
不知道怎么解释好,Back有回来的意思,在缓动前,会先往回运动一段距离。


3,Bounce弹跳变化。
顾名思义,在变化前会几次回归原点,好像在弹一样。


4,Circ圆形变化。
这个翻译···自己先汗一下自己,运动的曲线是一个圆形的弧度。


5,Cubic立方体变化。
这个更晕,跟圆形变化差不多,不过更平滑些。

6,Elastic橡皮圈变化
这个···翻译,我麻木了···跟Back变化有点像,但是会有一个很强的波动。在EaseIn和EaseOut时尤为明显。


7,Expo爆炸变化
一直很平缓,在最后一点完成所有变化。


8,Quad变化
不知道Quad代表什么意思,不过是比较普通的缓动。Quadratic平方缓动??。


9,Quart四分之一变化。
我才Quart是Quarter的意思,有1/4的时间是没有缓动。


10,Quint变化
百度一下是什么五胞胎之一?晕了,是1/5时间没有缓动吗?


11,Sine正弦变化
像正弦一样的变化~?猜得····


12,Strong变化。
这个没有图···因为他没有图···汗···字面意思理解就是很强的变化。
以上是12种内置的变化,所以准确来说是有36种的,那剩下的4个类是做什么的呢。

13,EaseLookup
包含一个静态方法fine(),可以通过字符串String直接取得ease的实例。方便一些反射操作的需要。例:
TweenMax.to(ball, 1, { x:200,ease:EaseLookup.find("backEaseInOut") } );


14,FastEase
AS3的TweenMax版本有内置的算法可以加速缓动效果。需要用这个类的静态方法activate()手动打开。可以提高35%~80%的缓动计算,提高2%~15%的整个缓动效率。
可以被加速的缓动变化包括:Linear Quad Cubic Quart Quint Strong这六种而已。打开方法,例:
FastEase.activate([Strong, Linear, Quad]);
还有另外一个静态方法activateEase(ease:Function, type:int, power:uint):void,是用来把这种优化方法用在非com.greensock的缓动上的,例如用在AS3自带的缓动类。
15,RoughEase
RoughEase(strength:Number = 1, points:uint = 20, restrictMaxAndMin:Boolean = false, templateEase:Function = null, taper:String = "none", randomize:Boolean = true, name:String = "")
通常的缓动变化都是很平滑的,如果想要一个不平滑的效果,就可以使用RoughEase
这里列出的是他的构造方法,其中:
strength:Number:随机点的幅度。
points:uint:随机点的数量。
restrictMaxAndMin:Boolean:当设为true时,随机数的变化会在初始值和终点值之间波动。当为false时,随机数的变化可能会超过这个区间。
templateEase:Function:随机点作用的缓动模板。默认是Linear.easeNone。
taper:String:随机变化趋向那一端,"in”的话趋向于起点,"out"的话趋向于终点。默认是"none"。
randomize:Boolean:设为true时,缓动位置将会随机变化。如果为false时,缓动位置将会锯齿型变化。
name:String :为roughEase实例命名,这样以后可以使用静态方法byName()获取引用。
用法:
例1,直接使用:
TweenLite.to(ball, 2, {y:0, ease:RoughEase.create(1, 20, true, Bounce.easeInOut)});
例2,生成实例调用:
var _roughEase:RoughEase = new RoughEase(1,20,true, Strong.easeOut, "none", true, "superRoughEase");
然后直接调用:
TweenLite.to(mc, 3, {y:300, ease:rough.ease});
或者:
TweenLite.to(mc, 3, {y:300, ease:RoughEase.byName("superRoughEase")});
16,CustumEase
自建缓动效果。基本不能直接编写。需要登录这个网址http://blog.greensock.com/customease/使用图形界面工具生成代码。然后COPY代码到你的项目中应用。例:
创建:
CustomEase.create("myCustomEase", [{s:0,cp:0.814,e:0.908},{s:0.908,cp:1.002,e:0.376},{s:0.376,cp:-0.25,e:1}]);
使用:
TweenMax.to(mc, 2, {x:"250", ease:CustomEase.byName("myCustomEase")});
分享到:
评论

相关推荐

    greensock缓动效果查看

    "greensock缓动效果查看"指的是利用GSAP库中的功能来观察和调整不同的缓动函数,以实现理想的动画过渡效果。 缓动效果在动画中扮演着至关重要的角色,它决定了物体从一个位置移动到另一个位置的速度变化方式。不同...

    greensock AS3缓动类包

    在AS3中,GreenSock的缓动类提供了多种缓动效果,如线性、 EaseInOut、EaseIn、EaseOut等,这些缓动函数可以改变对象运动的速度曲线,使得动画看起来更加自然。 GreenSock AS3缓动类包包含了许多核心组件,例如...

    flash actionscript3制作超酷的缓动效果,as3源码

    总之,AS3的缓动效果是提升用户体验的关键因素之一,而TweenLite则为开发者提供了一个强大而易用的工具。通过深入学习和实践,你可以创造出令人惊叹的动态效果,将你的Flash项目提升到一个新的水平。

    纯JS缓动函数

    虽然可以手动编写缓动函数,但有些库已经提供了丰富的预定义缓动函数,如GSAP(GreenSock Animation Platform)和Tween.js。它们不仅包含多种缓动类型,还支持复杂的动画控制和序列。 六、应用实例 1. UI过渡效果:...

    greensock-js,js网页动画用到的缓动类库

    GreenSock JS提供了大量的预定义缓动函数,如线性、ease-in、ease-out、ease-in-out等,同时允许自定义缓动曲线,以满足各种创意需求。 **二、GreenSock JS的主要特性** 1. **高性能**:GSAP优化了其底层实现,...

    flash actionscript3游戏开发之 缓动 的实现源代码.zip

    在Flash ActionScript3游戏开发中,缓动效果(Tweens)是一种常用的技术,用于平滑地改变对象的属性,如位置、透明度或旋转角度等。缓动可以使动画更加流畅自然,提升用户体验。本资源包含的是使用 TweenLite 库实现...

    flash as3.0 gs缓动包

    GS库是由GreenSock公司开发的,它包含了一系列强大的动画类和方法,如TweenLite、TweenMax等,可以轻松地创建复杂的缓动效果。例如,"一个点缓动到另一个点",你可以使用GS库中的这些类,通过指定起点、终点坐标,...

    greensock-as3.rar

    本文将深入探讨GreenSock AS3缓动类库的核心概念、功能特性以及如何运用这些工具来创建出引人入胜的动画效果。 首先,GreenSock AS3是一个高效且易于使用的库,它极大地简化了在Flash和Adobe AIR应用程序中创建动态...

    缓动的图片效果as3.0源码

    在AS3.0中,我们可以使用内置的 TweenMax 或 TweenLite 类(来自GreenSock Animation Platform,简称GSAP)来实现这些缓动效果。这些库提供了丰富的缓动函数选择,同时简化了代码编写。源码可能包含以下步骤: 1. ...

    缓动 TweenMax 非常强大的as3.0缓动类

    2. **丰富的缓动类型**:`TweenMax` 提供了各种预定义的缓动函数,如EaseInOut、Back、Elastic、Bounce等,可以根据需求选择合适的缓动效果。 3. **链式调用**:由于返回的是当前 `TweenMax` 实例,所以可以进行...

    as3.0缓动程序

    2. **选择缓动类型**:TweenLite提供了多种预设的缓动效果,如Ease.linear(线性),Ease.quadIn(二次方入),Ease.bounceOut(反弹出)等,可以根据需求选择合适的缓动函数。 3. **创建动画**:调用TweenLite.to...

    Flashas3缓动

    在时间轴上,可以为关键帧添加缓动效果,或者使用ActionScript与时间轴交互,通过`nextFrame()`、`prevFrame()`等方法控制动画播放。 5. **事件监听**: 在进行缓动时,可能需要监听动画的开始、结束、更新等事件...

    greensock-v12-as3.zip

    GreenSock是一个广泛应用于Web动画开发的高性能JavaScript库,特别在ActionScript 3(AS3)版本中,其强大的缓动效果和灵活的API设计深受开发者喜爱。在本文中,我们将探讨"greensock-v12-as3.zip"这个压缩包中的...

    FLASH AS3.0缓动特效

    在实际项目中,开发者可能还需要处理更复杂的缓动场景,例如同时动画化多个属性,或者根据用户的交互动态调整缓动效果。AS3.0的事件监听和响应机制可以帮助实现这些需求。 总之,AS3.0缓动特效通过模拟现实世界的...

    greensock学习助手

    GreenSock内置了许多预设的缓动函数,如easeIn、easeOut、easeInOut等,以及更高级的定制缓动。 2. **属性绑定(Property Targeting)**:你可以对DOM元素、SVG图形甚至JavaScript对象的任何可度量属性进行动画处理...

    greensock-as3

    GreenSock提供了丰富的预设缓动函数,如Linear、Quad、Cubic、Quart、Quint等,以及各种特殊效果的缓动,如Back、Elastic、Bounce等。 - **链式调用(Chaining)** GreenSock的Tween类支持链式调用,这意味着你...

    flash 缓动菜单

    在AS3.0中,我们可以使用内置的 Tween 类或第三方库如GreenSock(GSAP)来实现缓动效果。在“我的菜单”这个项目中,开发者可能运用了缓动技术来使菜单项在用户鼠标悬停或点击时优雅地展开和收起,增强了用户的操作...

    greensock 常用指南

    GreenSock动画库还提供了一个缓动可视化工具,网址是***,可以用来测试和比较不同缓动函数的效果。 总结而言,GreenSock是一个功能强大且使用灵活的动画库。无论是创建基本的动画效果还是复杂的动画时间线控制,...

    com.greensock.TweenLite

    然后,TweenLite会使其在1秒内平滑移动到坐标(100, 200),使用线性缓动(无缓动效果)。 总结来说,`com.greensock.TweenLite`是AS3.0中实现高效动画的利器,其强大的功能和优秀的性能使得它在Flash开发社区中备受...

    gsas3缓动类

    GSAS3提供了多种预设的缓动模式,例如EaseInOut(缓进缓出)、EaseIn(缓入)、EaseOut(缓出)以及更复杂的CustomEase(自定义缓动),开发者可以根据需求选择合适的缓动效果。此外,GSAS3还支持创建自定义缓动函数...

Global site tag (gtag.js) - Google Analytics