標題：Tween

轉(zhuǎn)自：docs.bilibili.tv

目錄

1 tween

? ? 1.1 參數(shù)

? ??1.2 示例

2 to

? ??2.1 參數(shù)

? ??2.2 示例

3 bezier

? ??3.1 參數(shù)

? ??3.2 示例

4 scale

? ??4.1 參數(shù)

? ??4.2 示例

5 delay

? ??5.1 參數(shù)

? ??5.2 示例

6 reverse

? ??6.1 參數(shù)

7 repeat

? ??7.1 參數(shù)

8 slice

? ??8.1 參數(shù)

9 serial

? ??9.1 參數(shù)

? ??9.2 例子

10 parallel

? ??10.1 參數(shù)

tween

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

使用指定方法對物件進行移動

參數(shù)

object:Object — 要移動的物件

dest:Object — 移動目標數(shù)值

src:Object — 移動來源數(shù)值

duration:Number — 移動時間

easing:Function — 移動函數(shù) 請參閱?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;

使用指定方法對物件進行移動

參數(shù)

object:Object — 要移動的物件

dest:Object — 移動目標數(shù)值

duration:Number — 移動時間

easing:Function — 移動函數(shù)

示例

 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;

以貝賽爾曲線對物件進行移動

參數(shù)

object:Object — 要移動的物件

dest:Object — 移動目標數(shù)值

src:Object — 移動起始數(shù)值

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;

復(fù)制指定效果并按時間拉伸

參數(shù)

src:ITween?— 復(fù)制來源效果

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;

復(fù)制指定效果并延遲執(zhí)行

參數(shù)

src:ITween?— 復(fù)制來源效果

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;

將指定效果反向

參數(shù)

src:ITween?— 復(fù)制來源效果

repeat

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

重復(fù)指定效果

參數(shù)

src:ITween?— 復(fù)制來源效果

times:Int — 效果執(zhí)行次數(shù)

slice

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

取出指定效果時間

參數(shù)

src:ITween?— 復(fù)制來源效果

from:Number — 起始時間(秒)

to:Number — 結(jié)束時間(秒)

serial

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

串行執(zhí)行效果

參數(shù)

src1:ITween?— 串行執(zhí)行效果

例子

 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;

并行執(zhí)行效果

參數(shù)

src1:ITween?— 并行執(zhí)行效果來源