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

Parameters

• other Action | Tween

target

Set tween target

Parameters

• target Object

start

Start this tween

stop

Stop this tween

clone

Clone a tween

Parameters

• target Object

to

Add an action which calculate with absolute value

Parameters

• duration Number
• props Object {scale: 2, position: cc.v3(100, 100, 100)}
• opts Object
  • progress Function
  • easing Function | String

by

Add an action which calculate with relative value

Parameters

• duration Number
• props Object {scale: 2, position: cc.v3(100, 100, 100)}
• opts Object
  • progress Function
  • easing Function | String

set

Directly set target properties

Parameters

• props Object

delay

Add an delay action

Parameters

• duration Number

call

Add an callback action

Parameters

• callback Function

hide

Add an hide action

show

Add an show action

removeSelf

Add an removeSelf action

sequence

Add an sequence action

Parameters

• actions [Action | Tween]

parallel

Add an parallel action

Parameters

• actions [Action | Tween]

repeat

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

Parameters

• repeatTimes Number
• action Action | Tween

repeatForever

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

Parameters

• action Action | Tween

reverseTime

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

Parameters

• action Action | Tween

tween

Parameters

• target Object the target to animate