Tweenjs масштабируется с помощью bounceOut и return - PullRequest
Новая
       43

Tweenjs масштабируется с помощью bounceOut и return

0 голосов
/ 09 июля 2019

Мне нужно создать анимацию движения в коде, которая масштабируется и возвращается к исходному размеру с эффектом отскока. 

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

Насколько мне известно, это масштабируется с эффектом отскока, ноостается на уровне 110%, и мне нужно, чтобы он вернулся к 100% в пределах эффекта отскока.Я могу сделать это с помощью анимации движения с отскоком ..., но нужно сделать это в коде.

1 Ответ

0 голосов
/ 09 июля 2019

Вы можете либо связать две анимации, либо использовать 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

...