Understanding Animated Motion

Persistence of Vision

The core principle underpinning all animation is the ‘persistence of vision’. This describes the human eye’s ability to briefly retain an image after the light reflecting it has vanished. Roughly 1/25th of a second, or about 0.04 seconds, after a visual stimulus disappears, our brain perceives that stimulus as continuing to be present.

This brief retention is crucial. Each frame in an animation sequence is displayed for this duration, creating the impression of continuous movement. The longer this ‘phantom’ image lingers, the smoother the perceived motion becomes.

P = 0.04 s (approximate persistence of vision)

Frame Rates and Smoothness

The rate at which these individual frames are displayed is known as the ‘frame rate’ – typically measured in frames per second (fps). A higher frame rate means more frames are shown in a given time, resulting in smoother motion.

For example, a video game running at 60 fps displays 60 still images every second. This creates a fluid and realistic appearance of movement compared to a lower frame rate like 15 fps, which would appear jerky.

fps = Number of frames / Time (seconds)

Interpolation Techniques

Animation doesn't simply display individual frames; it often utilizes interpolation techniques to generate intermediate frames between the key poses. This is crucial for creating realistic movement.

Linear interpolation, where motion is assumed to be constant velocity between keyframes, can produce unnatural results. More sophisticated methods like Bézier curves and splines provide smoother, more natural-looking transitions.

Interpolation = (Keyframe2 - Keyframe1) * Time_increment

The Role of Timing and Spacing

Beyond frame rate, the precise timing and spacing of movements are critical. Subtle variations in animation can dramatically affect its perceived quality.

Principles like ‘ease-in’ (slowing down at the start of a movement) and ‘ease-out’ (speeding up at the end) mimic natural human motion, creating more believable results.

Frequently asked questions

Try it live

Everything above runs in your browser — open Animation: Frame Rates & Persistence of Vision and change the parameters while it is running. Nothing is installed, nothing is uploaded, the whole model lives in one tab.