How to draw customer animations use Konva tweens?

Viewed 13

like this bounce and this lightspeed

im already use move ,rotate,fade,scale,etc, code like this

const { x, y } = moveXY;
const tween = creatTween({
  node: kvNode,
  x: x,
  y: y,
  duration: config.enter_duration / 1000, 
  easing: Konva.Easings[config.enter_easings], 
  yoyo: false, 
  onUpdate: function () {},
  onFinish: function () {
    if (!config.enter_direction) {
      tween.reset();
    }
  },
});
tween.play();

How can I achieve animation like above picture

0 Answers
Related