Tweenjs使用bounceOut和return缩放

Question

我需要在代码中创建一个补间动画，放大并返回到具有反弹效果的原始大小。

createjs.Tween.get(this.movieClip).wait(200).to({scaleX:1.10,scaleY:1.10}, 1000, createjs.Ease.bounceOut);

据我所知，这是规模与反弹效果，但停留在110%，我需要它返回到100%的反弹效果。我可以做到这一点与动画补间与反弹…，但需要能够在代码中做到这一点。

Answer 1

可以链接两个补间，也可以使用Ease.backOut在目标上方稍微补间，然后再补间。

链接两个补间

createjs.Tween.get(circle, {loop: false})
  .to({scaleX: 1.2, scaleY:1.2}, 1000, createjs.Ease.getPowInOut(4))
  .to({scaleX: 1.0, scaleY:1.0}, 200, createjs.Ease.getPowInOut(2))

过冲，然后向后移动

createjs.Tween.get(circle2, {loop: false})
  .to({scaleX: 1.0, scaleY:1.0}, 1000, createjs.Ease.getBackOut(3))

文档：https://createjs.com/docs/tweenjs/classes/Ease.html