Tween 类型

模块: cc

Tween 提供了一个简单灵活的方法来创建 action。相对于 Cocos 传统的 cc.Actioncc.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:184
参数列表
stopAll

停止所有缓动

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

停止所有指定标签的缓动

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

停止所有指定对象的缓动

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

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

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

设置 tween 的 target

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

运行当前 tween

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

停止当前 tween

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

设置缓动的标签

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

克隆当前 tween

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

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

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

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

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

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

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

翻转目标的 scaleX 属性

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

翻转目标的 scaleY 属性

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

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

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

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

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

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

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

直接设置 target 的属性

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

添加一个延时 action

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

添加一个回调 action

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

添加一个隐藏 action

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

添加一个显示 action

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

添加一个移除自己 action

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

添加一个队列 action

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

添加一个并行 action

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

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

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

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

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

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

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

results matching ""

    No results matching ""