标题：Tween

转自：docs.bilibili.tv

目录

1 tween

    1.1 参数

    1.2 示例

2 to

    2.1 参数

    2.2 示例

3 bezier

    3.1 参数

    3.2 示例

4 scale

    4.1 参数

    4.2 示例

5 delay

    5.1 参数

    5.2 示例

6 reverse

    6.1 参数

7 repeat

    7.1 参数

8 slice

    8.1 参数

9 serial

    9.1 参数

    9.2 例子

10 parallel

    10.1 参数

tween

function tween(object:Object, dest: Object, src: Object, duration:Number, easing: Function):ITween;

使用指定方法对物件进行移动

参数

object:Object — 要移动的物件

dest:Object — 移动目标数值

src:Object — 移动来源数值

duration:Number — 移动时间

easing:Function — 移动函数 请参阅 TweenEasing

示例

 var mc = $.createComment("test",{x:0,y:0});
(Tween.tween(mc, {x:200}, {x:100}, 0.2)).play();

to

function to(object:Object, dest: Object, duration:Number, easing: Function):ITween;

使用指定方法对物件进行移动

参数

object:Object — 要移动的物件

dest:Object — 移动目标数值

duration:Number — 移动时间

easing:Function — 移动函数

示例

 var mc = $.createComment("test",{x:0,y:0});
 (Tween.to(mc, {x:200}, 0.2)).play();

bezier

function bezier(object:Object, dest: Object, src: Object, control:Object):ITween;

以贝赛尔曲线对物件进行移动

参数

object:Object — 要移动的物件

dest:Object — 移动目标数值

src:Object — 移动起始数值

control:Object — 贝赛尔曲线控制点

示例

  var mc = $.createComment("test",{x:0,y:0});
 (Tween.bezier(
 	mc, // Target object
 	{x: 385, y: 207}, // Parameter object (Destination value)
 	null, // Parameter object (Source value)
 	{
 		x: [58.05, 145.9, 246.7, 345.55], // Controls points
 		y: [61.4, 80.65, 167.05, 209.3]
 	}
 )).play();

scale

function scale(src: ITween, scale: Number): ITween;

复制指定效果并按时间拉伸

参数

src:ITween — 复制来源效果

scale:Number — 时间轴缩放比例

示例

 var mc = $.createComment("test",{x:0,y:0});
 var t1 = Tween.tween(mc, {x: 100}, null, 0.5); // 0.5 sec tween
 var t2 = Tween.scale(t1, 3.0); // 1.5 sec tween

delay

function delay(src: ITween, delay: Number): ITween;

复制指定效果并延迟执行

参数

src:ITween — 复制来源效果

delay:Number — 以秒为单位的延迟时间

示例

 var mc = $.createComment("test",{x:0,y:0});
 var t1 = Tween.tween(mc, {x: 100}, null, 0.5);
 var t2 = Tween.delay(t1, 3.0);

reverse

function reverse(src: ITween):ITween;

将指定效果反向

参数

src:ITween — 复制来源效果

repeat

function repeat(src: ITween, times: Int):ITween;

重复指定效果

参数

src:ITween — 复制来源效果

times:Int — 效果执行次数

slice

function slice(src: ITween, from:Number, to:Number):ITween;

取出指定效果时间

参数

src:ITween — 复制来源效果

from:Number — 起始时间(秒)

to:Number — 结束时间(秒)

serial

function serial(src1: ITween, ...):ITween;

串行执行效果

参数

src1:ITween — 串行执行效果

例子

 var mc = $.createComment("test",{x:0,y:0});
 var t1 = Tween.tween(mc, {x: 100}, null, 0.5);
 var t2 = Tween.reverse(t1);
 (Tween.serial(t1,t2)).play();

parallel

function parallel(src1: ITween, ...):ITween;

并行执行效果

参数

src1:ITween — 并行执行效果来源