feature: kill animation instance

First of all it is really the great animation library! Many thanks!

Is your feature request related to a problem? Please describe. I was surprised when kill animation instance possibility was not found. anime.remove(targets) is not the way I’m looking for because of this method doesn’t kill the animation at all, it just clears its target objects (rather it clears this target from all possible animations if I understand). So it seems that animation still stays in memory. And if I’ll call animation creation for 10 times will there be 10 instances of the animation?

Describe the solution you’d like A some solution to clear created animation from memory. Like this:

function animate({ view, easing = "linear", duration = 1000, start = 0 }) {
  const animeObj = {
    targets: view,
    easing,
    duration,
    complete: (animation) => {
      animation.kill();
    },
    autoplay: false
  };

  const animation = anime(animeObj);
  if (start === 0) {
    animation.play();
  } else {
    animation.seek(start);
    animation.play();
  }
}

If I want to play new animation on object I’ll create it again. I don’t want to save it in memory with a phantom possibility of reusing it again. No any thoughts about the combination of animation.pause() and anime.remove(targets) will help clear memory and unsubscribe the animation event.

[kn0wn]

Thanks for all the great thoughts on this feature - we will look into including it on the next major version (or maybe minor depending on scope)

[juliangarnier]

It’s planned for the next release. Currently refactoring how the animations work internally and waiting for this part to be fully working and tested before introducing new methods to the API, like kill() or toggle(). Making good progress so far, but I stopped giving dates for release date since it always takes more time than expected.

Meanwhile, doing:

let animation = anime({…});
…
animation.pause();
animation = null;

Might be enough in some cases.