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'})
  .start(cc.find('Canvas/cocos'));

索引

方法

• constructor
• stopAll 停止所有缓动
• stopAllByTag 停止所有指定标签的缓动
• stopAllByTarget 停止所有指定对象的缓动
• then 插入一个 action 或者 tween 到队列中
• target 设置 tween 的 target
• start 运行当前 tween
• stop 停止当前 tween
• tag 设置缓动的标签
• clone 克隆当前 tween
• union 将之前所有的 action 整合为一个 action。
• bezierTo 按照贝塞尔路径设置目标的 position 属性。
• bezierBy 按照贝塞尔路径设置目标的 position 属性。
• flipX 翻转目标的 scaleX 属性
• flipY 翻转目标的 scaleY 属性
• blink 通过设置目标的 opacity 属性达到闪烁效果
• 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 会将前一个动作作为他的参数。

Details

方法

constructor

参数列表

• target Object

stopAll

停止所有缓动

stopAllByTag

停止所有指定标签的缓动

参数列表

• tag number

stopAllByTarget

停止所有指定对象的缓动

参数列表

• target Object

then

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

参数列表

• other Action | Tween

target

设置 tween 的 target

参数列表

• target Object

start

运行当前 tween

stop

停止当前 tween

tag

设置缓动的标签

参数列表

• tag number

clone

克隆当前 tween

参数列表

• target Object

union

将之前所有的 action 整合为一个 action。

bezierTo

按照贝塞尔路径设置目标的 position 属性。

参数列表

• duration number
• c1 cc.Vec2
• c2 cc.Vec2
• to cc.Vec2

bezierBy

按照贝塞尔路径设置目标的 position 属性。

参数列表

• duration number
• c1 cc.Vec2
• c2 cc.Vec2
• to cc.Vec2

flipX

翻转目标的 scaleX 属性

flipY

翻转目标的 scaleY 属性

blink

通过设置目标的 opacity 属性达到闪烁效果

参数列表

• duration number
• times number
• opts Object
  • progress Function
  • easing Function | String

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

参数列表

• action Action | Tween
• actions Action | Tween

parallel

添加一个并行 action

参数列表

• action Action | Tween
• actions Action | Tween

repeat

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

参数列表

• repeatTimes Number
• action Action | Tween

repeatForever

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

参数列表

• action Action | Tween

reverseTime

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

参数列表

• action Action | Tween