How to call function-based parameter in onComplete function

[JoeyRen]

we can use index & target parameters to log information easily

var ani = TweenLite.to(boxes, .5, {
          left: function(index, target){console.log(index, target); return Math.random() * 100;}
        })

 

Is there any way to pass these two parameters into onComplete function like this: 

var ani = TweenLite.to(boxes, .5, {
          left: '+=30px',
          onComplete: function(){console.log(index, target);},
          onCompleteScope: [index, target]
        })

 

[Sahil]

You can use 'onCompleteParams' to pass parameters.

 

See the Pen goOxqj?editors=1010 by Sahil89 (@Sahil89) on CodePen

 

[OSUblake]

Scope is what "this" refers to inside the function.

 

Your animation will complete at the same time for all the boxes, so index is pointless. You can lookup the target on the tween. By default, the scope of a callback will be the tween, so the target will be this.target.

 

See the Pen baGrXJ?editors=0010 by osublake (@osublake) on CodePen

 

[OSUblake]

If you need the specific index and target for whatever reason, you can do a staggered tween.

 

See the Pen goOGWE?editors=0010 by osublake (@osublake) on CodePen

 

[JoeyRen]

solve the problem thanks a lot.