Как правильно на клик кнопки очищать canvas анимацию и заново ее запускать?

Question

[Alice777]

Нужно на клик кнопки запускать канвас анимацию, при повторном клике анимация должна сброситься и заново повториться (эффект туггл). В примере я так и сделал, однако у меня на клик функция вызывается много раз не очищая старый холст, что само собой сказывается на скорости (фпс) анимации. Как сделать это правильно?
https://jsfiddle.net/ubxpf9aj/

Answer 1

[twobomb]

Comments

[Alice777]

спасибо огромное, бьюсь битый час с подобной - вот один в один задачей - падает фпс при 5 кликах подряд, но уже другой код, делаю как вы, но не получается( https://jsfiddle.net/umdfzyoh/1/

[twobomb]

Alice777, https://jsfiddle.net/twobomb/a6deygcL/

[Alice777]

twobomb, Посылаю вам много-много лучей добра и добрых мыслей, спасибо вам огромное)