You should use requestAnimationFrame, as Brash said. FPS is a convenient way to develop, but when animation are played that doesn't mater anymore, you should do extra math to interpolate.
easy example:
10 fps means -> 100ms per frame. What would you do at 150ms? you interpolate frame 1 and frame 2 by half.
A Spriter Tool: Spriter Play (based on HTML5 & JS)
in Spriter Implementations
Posted
Hi finscn! You again :P
You should use requestAnimationFrame, as Brash said. FPS is a convenient way to develop, but when animation are played that doesn't mater anymore, you should do extra math to interpolate.
easy example:
10 fps means -> 100ms per frame. What would you do at 150ms? you interpolate frame 1 and frame 2 by half.
I have a demo of doing matrix interpolation in canvas with js-2dmath http://htmlpreview.github.io/?https://github.com/llafuente/js-2dmath/blob/master/test/matrix23.html
Very simple example, use Linear interpolation.
That said.
I didn't see this project in your github, if you make a repo I will help you (but you must use js-2dmath)