Skip to content

类: Tween ​

动画类

示例 ​

let obj = new LM.ImgView();
// 1000 ms 内修改obj属性的x的值直到100,
LM.Tween.get(obj)
.to({x:100},1000)

构造函数 ​

构造函数 ​

new Tween(): Tween

返回 ​

Tween

方法 ​

call() ​

call(fn): Tween

动画执行完毕的回调

参数 ​

fn ​

(time) => void

返回 ​

Tween


remove() ​

remove(): any

移除当前动画

返回 ​

any


removeAllTween() ​

removeAllTween(): any

移除所有动画

返回 ​

any


removeByTarget() ​

removeByTarget(target): any

移除某个对象上的所有动画

参数 ​

target ​

any

返回 ​

any


to() ​

abstract to(obj, time, ease?): Tween

对象属性变化到某一定值

参数 ​

obj ​

变化的属性

time ​

number

变化时间 ms

ease? ​

变化使用的函数 ease 为函数时,传入time为动画运行时刻,函数返回参数为动画展示时刻 注意:当设置了zoomCenterXY后做缩放动画时,请不要同时设置xy属性或者执行xy动画,否则会互相覆盖,如果想同时做缩放和平移,请使用setAnchor设置锚点来制作。

Ease | (time) => number

返回 ​

Tween

示例 ​

let obj = {x:0}
Tween.get(obj)
.to({x:100},1000)

let obj2 = {x:0}
Tween.get(obj2)
.to({x:100},1000,LM.Ease.ExpoInOut)

let obj2 = {x:0}
Tween.get(obj2)
.to({x:100},1000,function (t) {
   return  -Math.pow(2, -10 * t) + 1 ;
})

wait() ​

wait(time): Tween

等待执行

参数 ​

time ​

number

等待时间 ms

返回 ​

Tween

示例 ​

ts
Tween.get(obj)
.wait(1000)
.to({x:100},1000)

get() ​

static get(target, loop?, isTuretTime?): Tween

获取一个动画对象

参数 ​

target ​

any

任意动画对象

loop? ​

boolean

循环

isTuretTime? ​

any

是否使用真实时间 默认false,使用游戏帧时间

返回 ​

Tween