Glitch on Safari when the Canvas is updated too often/quickly about granim.js

[rhanb]

UPDATE:

even when removing all clearRect calls, the glitch still occurs. Need to deep dive to find solution

[rhanb]

This issue is due to the animation itself. Since it uses the requestionAnimationFrame, changing customDirection too quickly will make it glitch on Safari.

To avoid this issue you should pause the animation before updating the customDirection and play it again once you called the changeDirection function.

[sarcadass]

Hey @rhanb,
I tried to reproduce the bug on Safari by visiting https://rhanb.me/, but everything looks fine.
Did you resolve the bug?
Can you reproduce the bug on jsfiddle?

[rhanb]

Hi @sarcadass ,

Yep I managed to fix the issue when i'm updating the customDirection I'm calling the pause function and then play once the new custom direction is applied.

I reproduced the bug right here: https://granim-safari-issue.stackblitz.io