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

Tweenjs通过bounceOut缩放并返回

1 个答案: