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 — 并行执行效果来源