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
meta description
定义于 cocos2d/actions/tween.js:181
参数列表
stopAll

停止所有缓动

meta description
定义于 cocos2d/actions/tween.js:186
stopAllByTag

停止所有指定标签的缓动

meta description
定义于 cocos2d/actions/tween.js:195
参数列表
stopAllByTarget

停止所有指定对象的缓动

meta description
定义于 cocos2d/actions/tween.js:205
参数列表
then

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

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:216
参数列表
target

设置 tween 的 target

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:236
参数列表
start

运行当前 tween

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:250
stop

停止当前 tween

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:282
tag

设置缓动的标签

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:298
参数列表
clone

克隆当前 tween

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:311
参数列表
union

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

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:325
bezierTo

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

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:354
参数列表
  • duration number
  • c1 cc.Vec2
  • c2 cc.Vec2
  • to cc.Vec2
bezierBy

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

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:376
参数列表
  • duration number
  • c1 cc.Vec2
  • c2 cc.Vec2
  • to cc.Vec2
flipX

翻转目标的 scaleX 属性

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:399
flipY

翻转目标的 scaleY 属性

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:408

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

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:418
参数列表
to

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

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:462
参数列表
by

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

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:483
参数列表
set

直接设置 target 的属性

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:504
参数列表
delay

添加一个延时 action

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:519
参数列表
call

添加一个回调 action

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:529
参数列表
hide

添加一个隐藏 action

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:539
show

添加一个显示 action

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:548
removeSelf

添加一个移除自己 action

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:557
sequence

添加一个队列 action

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:566
参数列表
parallel

添加一个并行 action

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:577
参数列表
repeat

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

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:592
参数列表
repeatForever

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

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:604
参数列表
reverseTime

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

meta description
返回 Tween
定义于 cocos2d/actions/tween.js:618
参数列表

results matching ""

    No results matching ""