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

Index

Methods
  • then Insert an action or tween to this sequence
  • target Set tween target
  • start Start this tween
  • stop Stop this tween
  • clone Clone a tween
  • 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.
  • tween

Details

Methods

then

Insert an action or tween to this sequence

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

Set tween target

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

Start this tween

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

Stop this tween

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

Clone a tween

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

Add an action which calculate with absolute value

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

Add an action which calculate with relative value

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

Directly set target properties

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

Add an delay action

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

Add an callback action

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

Add an hide action

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

Add an show action

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

Add an removeSelf action

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

Add an sequence action

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

Add an parallel action

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:407
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:421
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:433
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:444
Parameters
tween
meta description
Returns Tween
Defined in cocos2d/actions/tween.js:498
Parameters
  • target Object the target to animate

results matching ""

    No results matching ""