Class Tween<T>

constructor

• new Tween<T>(target, tweenManager?): Tween<T>

• Type Parameters

  • T = any

  Parameters

  • target: T

    The object to apply the tween to.

  • Optional tweenManager: TweenManager

  Returns Tween<T>

Internal actions

Internal blockHistory

id

Internal infiniteLoop

runningTween

tags

target

tweenManager

by

• by(time, action, config?): this

• 定义当前状态的相对运动.

  Parameters

  • time: number

    The duration of the motion in milliseconds.

  • action: Motion<T>

    The motion configuration.

  • Optional config: MotionConfig<T>

    Additional motion configuration options.

  Returns this

  The updated Tween instance.

call

• call(callback): this

• 增加回调函数.

  Parameters

  • callback: (() => void)

    The callback function to execute.

    • • (): void

      • Returns void

  Returns this

  The updated Tween instance.

chain

• chain(tween): this

• 链式补间动画，当我们顺序排列不同的补间动画时，比如我们在上一个补间结束的时候立即启动另外一个补间动画，使用 .chain() 方法来做。.

  Parameters

  • tween: Tween<T>

    The Tween containing actions to chain.

  Returns this

  The updated Tween instance.

clone

• clone(): Tween<T>

• 克隆动画.

  Returns Tween<T>

  A new Tween instance with the same configuration.

delay

• delay(time): this

• 延迟执行动画的方法 .delay() , 接受一个参数用于控制延迟的具体时间，表示延迟多少时间后才开始执行动画

  Parameters

  • time: number

    The duration of the delay in milliseconds.

  Returns this

  The updated Tween instance.

parallel

• parallel(...tweens): this

• 并行运行多条

  Parameters

  • Rest ...tweens: Tween<T>[]

    The Tweens to run in parallel.

  Returns this

  The updated Tween instance.

repeat

• repeat(times?): this

• 使用该方法可以使动画重复执行，它接受一个参数 , 描述需要重复多少次

  Parameters

  • times: number = 1

    The number of times to repeat the action.

  Returns this

  The updated Tween instance.

repeatForever

• repeatForever(): this

• 无限期地重复上一个操作

  Returns this

  The updated Tween instance.

sequence

• sequence(...tweens): this

• 按顺序运行多条

  Parameters

  • Rest ...tweens: Tween<T>[]

    The Tweens to run in sequence.

  Returns this

  The updated Tween instance.

set

• set(action): this

• 立即定义从当前状态到新状态的移动。

  Parameters

  • action: Motion<T>

    The motion configuration.

  Returns this

  The updated Tween instance.

setId

• setId(id): this

• 为动画设置一个唯一的标识符。如果指定，则停止具有相同id的旧动画

  Parameters

  • id: string

    The identifier to assign to the Tween.

  Returns this

  The updated Tween instance.

setTags

• setTags(...tags): this

• 为动画设置标签，可用于过滤和管理。

  Parameters

  • Rest ...tags: string[]

    Tags to associate with the Tween.

  Returns this

  The updated Tween instance.

setTarget

• setTarget(target): this

• 设置动画的目标对象

  Parameters

  • target: T

    The object to apply the tween to.

  Returns this

  The updated Tween instance.

start

• start(tweenManager?): RunningTween<T>

• 补间动画启动的方法

  Parameters

  • Optional tweenManager: TweenManager

  Returns RunningTween<T>

  A RunningTween instance that controls the execution of the Tween.

then

• then(tween): this

• 链接另一个动画以在该动画之后执行。

  Parameters

  • tween: Tween<T>

    The Tween to chain.

  Returns this

  The updated Tween instance.

to

• to(time, action, config?): this

• 控制补间的运动形式及方向, 当启动时，将读取当前属性值并 应用相对值来找出新的最终值

  Parameters

  • time: number

    The duration of the motion in milliseconds.

  • action: Motion<T>

    The motion configuration.

  • Optional config: MotionConfig<T>

    Additional motion configuration options.

  Returns this

  The updated Tween instance.

yoyo

• yoyo(times?): this

• 控制补间重复的模式, ,该动画像悠悠球一样来回运动 , 而不是重新开始

  Parameters

  • times: number = 1

    The number of times to yoyo the last action.

  Returns this

  The updated Tween instance.

yoyoForever

• yoyoForever(): this

• 对最后一个动作应用溜溜球效果，使其无限期地反转运动。

  Returns this

  The updated Tween instance.