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
  • union Integrate all previous actions to an action.
  • 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

then

Insert an action or tween to this sequence

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

Set tween target

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

Start this tween

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

Stop this tween

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

Clone a tween

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

Integrate all previous actions to an action.

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

Add an action which calculate with absolute value

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

Add an action which calculate with relative value

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

Directly set target properties

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

Add an delay action

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

Add an callback action

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

Add an hide action

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

Add an show action

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

Add an removeSelf action

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

Add an sequence action

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

Add an parallel action

meta description
Returns Tween
Defined in cocos2d/actions/tween.js:418
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:433
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:445
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:456
Parameters

results matching ""

    No results matching ""