greensock缓动类包之TweenLite

http://hi.baidu.com/gklchocolate/blog/item/2c174b08ece754de3ac76371.html

1~了解TweenLite类

TweenLite为GreenSock公司的一款基于AS的免费开源的物理引擎。也是比较主流的第三方缓动引擎。

2~方法解析

1）public function TweenLite(target:Object, duration:Number, vars:Object)

描述：构造函数

target:目标对象；duration：持续的时间（单位：秒）；vars：包含想要缓动的的属性值

vars：缓动的属性包括｛

‍ x:Number：目标对象移动到的x坐标

‍y‍:Number：目标对象移动到的y坐标

alpha:Number：透明度

ease:Function：缓动函数

persist:Boolean：为true时，缓动效果结束时，TweenLite对象实例将不会被垃圾回收器自动回收。默认为false。

‍ delay:Number：延时指定时间后开始缓动效果

onComplete:Function：缓动效果结束后执行的函数

‍‍ ‍onCompleteParams:Array：设置onComplete的参数

‍onUpdate:Function：属性值发生改变事执行的函数

｝

2）TweenLite.to(target:Object, duration:Number, variables:Object);

‍ 描述：将Target对象的属性从调用方法时的值缓动到Variables中指定的值。

3）TweenLite.from(target:Object, duration:Number,variables:Object);

描述：用法与TweenLite.to()方法一样，唯一不同的是所指定的缓动属性是起始值。

4）TweenLite.delayedCall(delay:Number, onComplete:Function, onCompleteParams:Array);

描述：实现在指定的秒数之后调用指定的方法。

5）TweenLite.killTweensof(target:Object,complete:Boolean);

描述：移除应用在对象上的所有缓动效果，可以指定是否立即强制结束。

6）TweenLite.killDelayedCallsTo(function:Function);

描述：移除TweenLite.delayedCall方法中设置的方法。

7）TweenLite.removeTween(tween:TweenLite):void;

描述：回收指定的TweenLite的实例

3~TweenLiteVars

通过该类可以直接设置缓动效果中的属性

greensock缓动类包之TweenLite相关推荐

CocosCreator之缓动函数类 Easing
官方文档:使用缓动系统 · Cocos Creator 效果图地址:https://easings.net/ /** !#enThis class provide easing methods for ...
javascript的缓动效果
这部分对原先的缓动函数进行抽象化,并结合缓动公式进行强化.成品的效果非常惊人逆天.走过路过不要错过. 好了,打诨到此为止.普通的加速减速是难以让人满意的,为了实现弹簧等让人眼花缭乱的效果必须动用缓动公 ...
shader TileMap html的Canvas绘图缓动/反弹动作 unity
图解Charles抓包工具使用教程就是抓取返回的Data- -------------------------------------------------------shader 1 shade ...
JavaScript Tween算法及缓动效果
Flash做动画时会用到Tween类,利用它可以做很多动画效果,例如缓动.弹簧等等. 我这里要教大家的是怎么利用flash的Tween类的算法,来做js的Tween算法,并利用它做一些简单的缓动效果. ...
4.QML动画——概念、动画应用方式和动画的缓动曲线
一.动画动画将应用于属性更改. 动画通过对属性值定义插值曲线,控制属性值从一个值到另一个值平滑过渡. Qt Quick中的所有动画均由同一计时器控制,因此动画是同步的. 这样可以提高动画的性能和视质 ...
Android高级控件（二）——SurfaceView实现GIF动画架包，播放GIF动画，自己实现功能的初体现...
Android高级控件(二)--SurfaceView实现GIF动画架包,播放GIF动画,自己实现功能的初体现写这个的原因呢,也是因为项目中用到了gif动画,虽然网上有很多的架包可以实现,不过我们还 ...
jQuery特效 | 导航底部横线跟随鼠标缓动
jQuery特效 | 导航底部横线跟随鼠标缓动 2月初,接收到了公众号读者的效果需求,希望能够讲解这样一个实例: 横排的导航,下边框是一条横线,随着鼠标移入某个导航,横线滑动到相应位置. 今天就针对该 ...
android自定义插值器_自定义缓动插值器，可在Android中实现有意义的动作
android自定义插值器 Interpolators are very useful to model movement for your UI elements. In this article, ...
运动曲线研究(缓动效果)
刚刚学习了一下网页动画中上的缓动效果,分享一下学习心得. 缓动曲线的概念: 缓动曲线是一个0为起点的连续函数曲线,x轴表示时间变化,y轴表示位移变化.曲线的斜率反映出运动的数度. 缓动效果在Flash ...

greensock缓动类包之TweenLite

greensock缓动类包之TweenLite相关推荐

最新文章

热门文章