Tween Class

Module: cc

Tween provide a simple and flexible way to create action. Tween's api is more flexible than cc.Action:

  • Support creating an action sequence in chained api,
  • Support animate any objects' any properties, not limited to node's properties. By contrast, cc.Action needs to create a new action class to support new node property.
  • Support working with cc.Action,
  • Support easing and progress function.
Examples
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'));

Index

Methods
  • constructor
  • stopAll Stop all tweens
  • stopAllByTag Stop all tweens by tag
  • stopAllByTarget Stop all tweens by target
  • then Insert an action or tween to this sequence
  • target Set tween target
  • start Start this tween
  • stop Stop this tween
  • tag Sets tween tag
  • clone Clone a tween
  • union Integrate all previous actions to an action.
  • bezierTo Sets target's position property according to the bezier curve.
  • bezierBy Sets target's position property according to the bezier curve.
  • flipX Flips target's scaleX
  • flipY Flips target's scaleY
  • blink Blinks target by set target's opacity property
  • to Add an action which calculate with absolute value
  • by Add an action which calculate with relative value
  • set Directly set target properties
  • delay Add an delay action
  • call Add an callback action
  • hide Add an hide action
  • show Add an show action
  • removeSelf Add an removeSelf action
  • sequence Add an sequence action
  • parallel Add an parallel action
  • repeat Add an repeat action.
  • repeatForever Add an repeat forever action
  • reverseTime Add an reverse time action.

Details

Methods

constructor
meta description
Defined in cocos2d/actions/tween.js:181
Parameters
stopAll

Stop all tweens

meta description
Defined in cocos2d/actions/tween.js:186
stopAllByTag

Stop all tweens by tag

meta description
Defined in cocos2d/actions/tween.js:195
Parameters
stopAllByTarget

Stop all tweens by target

meta description
Defined in cocos2d/actions/tween.js:205
Parameters
then

Insert an action or tween to this sequence

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:216
Parameters
target

Set tween target

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:236
Parameters
start

Start this tween

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:250
stop

Stop this tween

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:282
tag

Sets tween tag

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:298
Parameters
clone

Clone a tween

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:311
Parameters
union

Integrate all previous actions to an action.

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:325
bezierTo

Sets target's position property according to the bezier curve.

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:354
Parameters
  • duration number
  • c1 cc.Vec2
  • c2 cc.Vec2
  • to cc.Vec2
bezierBy

Sets target's position property according to the bezier curve.

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:376
Parameters
  • duration number
  • c1 cc.Vec2
  • c2 cc.Vec2
  • to cc.Vec2
flipX

Flips target's scaleX

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:399
flipY

Flips target's scaleY

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:408

Blinks target by set target's opacity property

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:418
Parameters
to

Add an action which calculate with absolute value

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:462
Parameters
by

Add an action which calculate with relative value

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:483
Parameters
set

Directly set target properties

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:504
Parameters
delay

Add an delay action

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:519
Parameters
call

Add an callback action

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:529
Parameters
hide

Add an hide action

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:539
show

Add an show action

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:548
removeSelf

Add an removeSelf action

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:557
sequence

Add an sequence action

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:566
Parameters
parallel

Add an parallel action

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:577
Parameters
repeat

Add an repeat action. This action will integrate before actions to a sequence action as their parameters.

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:592
Parameters
repeatForever

Add an repeat forever action This action will integrate before actions to a sequence action as their parameters.

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:604
Parameters
reverseTime

Add an reverse time action. This action will integrate before actions to a sequence action as their parameters.

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:618
Parameters

results matching ""

    No results matching ""