Tween

出自嗶哩嗶哩百科
跳转到: 导航, 搜索

目录

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 — 并行执行效果来源
个人工具
名字空间
变换
动作
导航
更新
工具箱