Menu
I know that jQuery animations have a default frame rate. However, my animations look very different from computer to computer, some are smoother than others.
Is there a way to determine the actual outputted frame rate of jQuery animations?
901
jQuery can be several times slower than CSS when talking about animations. CSS animations and transitions have the advantage of being hardware accelerated by the GPU, which is really good in moving pixels.
It's commonly accepted that 60 frames per second is the rate at which animations will appear smooth. For a rate of 60 frames per second, the browser has 16.7 milliseconds to execute scripts, recalculate styles and layout if needed, and repaint the area being updated.
With jQuery, you can create custom animations.
Frames per second A frame rate of 24 fps is the default setting for new Animate documents and usually gives the best results on the web. (The standard rate for motion pictures is also 24 fps.)
The default frame rate is 77fps, however, in different browsers, this can vary; "Chrome's fastest possible interval is about 10ms [while a]ll other browsers "sample" at about 20-30ms.". There are a lot of potential sources of animation lag from system to system and browser to browser, and there are several(1) different(2) projects(3) feeling out ways to help us develop with timing in mind. For now, you could try standardizing your frame rate using a plugin and see if that helps you time your animations more easily, or tweak it manually.
84
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
