🎞️Optimal FPS by animation distance

Optimal FPS by animation distance

px
ms

Why does animation look choppy?

For an animation to look smooth, an object shouldn't move too far between one frame and the next. As a rule of thumb, once per-frame movement exceeds roughly 10px, the human eye starts to notice choppiness. That means the same 60fps can look silky smooth for a short, slow move but feel jerky for an animation that covers a long distance in a short time.

Enter your animation's distance and duration, and this calculator works out the average speed, then tells you the minimum FPS needed to stay under the 10px-per-frame threshold along with a matching recommended display refresh rate. This is a heuristic reference rather than a hard scientific limit, so it's worth confirming visually on a real device too.

Frequently Asked Questions

How is the per-frame distance threshold decided?

It's based on a common rule of thumb: motion of about 10px or less per frame is rarely perceived as choppy by the human eye.

Is 60fps always enough?

If the distance is very large or the duration is very short, even 60fps can feel choppy, and you may need a 90Hz or 120Hz display.