Tween 类型

模块: cc

Tween 提供了一个简单灵活的方法来创建 action。 相对于 Cocos 传统的 cc.Action，cc.Tween 在创建动画上要灵活非常多：

• 支持以链式结构的方式创建一个动画序列。
• 支持对任意对象的任意属性进行缓动，不再局限于节点上的属性，而 cc.Action 添加一个属性的支持时还需要添加一个新的 action 类型。
• 支持与 cc.Action 混用
• 支持设置 easing 或者 progress 函数

示例

cc.tween(node)
  .to(1, {scale: 2, position: cc.v3(100, 100, 100)})
  .call(() => { console.log('This is a callback'); })
  .by(1, {scale: 3, position: cc.v3(200, 200, 200)}, {easing: 'sineOutIn'})
  .run(cc.find('Canvas/cocos'));

索引

方法

• then 插入一个 action 或者 tween 到队列中
• target 设置 tween 的 target
• start 运行当前 tween
• stop 停止当前 tween
• clone 克隆当前 tween
• to 添加一个对属性进行绝对值计算的 action
• by 添加一个对属性进行相对值计算的 action
• set 直接设置 target 的属性
• delay 添加一个延时 action
• call 添加一个回调 action
• hide 添加一个隐藏 action
• show 添加一个显示 action
• removeSelf 添加一个移除自己 action
• sequence 添加一个队列 action
• parallel 添加一个并行 action
• repeat 添加一个重复 action，这个 action 会将前一个动作作为他的参数。
• repeatForever 添加一个永久重复 action，这个 action 会将前一个动作作为他的参数。
• reverseTime 添加一个倒置时间 action，这个 action 会将前一个动作作为他的参数。
• tween

Details

方法

then

插入一个 action 或者 tween 到队列中

参数列表

• other Action | Tween

target

设置 tween 的 target

参数列表

• target Object

start

运行当前 tween

stop

停止当前 tween

clone

克隆当前 tween

参数列表

• target Object

to

添加一个对属性进行绝对值计算的 action

参数列表

• duration Number
• props Object {scale: 2, position: cc.v3(100, 100, 100)}
• opts Object
  • progress Function
  • easing Function | String

by

添加一个对属性进行相对值计算的 action

参数列表

• duration Number
• props Object {scale: 2, position: cc.v3(100, 100, 100)}
• opts Object
  • progress Function
  • easing Function | String

set

直接设置 target 的属性

参数列表

• props Object

delay

添加一个延时 action

参数列表

• duration Number

call

添加一个回调 action

参数列表

• callback Function

hide

添加一个隐藏 action

show

添加一个显示 action

removeSelf

添加一个移除自己 action

sequence

添加一个队列 action

参数列表

• actions [Action | Tween]

parallel

添加一个并行 action

参数列表

• actions [Action | Tween]

repeat

添加一个重复 action，这个 action 会将前一个动作作为他的参数。

参数列表

• repeatTimes Number
• action Action | Tween

repeatForever

添加一个永久重复 action，这个 action 会将前一个动作作为他的参数。

参数列表

• action Action | Tween

reverseTime

添加一个倒置时间 action，这个 action 会将前一个动作作为他的参数。

参数列表

• action Action | Tween

tween

参数列表

• target Object the target to animate