Frame Rates: Why 60 FPS Feels So Smooth

See the difference between 10, 30, 60, and 120 frames per second

1

What is a Frame?

Every animation is made of individual still images called frames. Flip through these frames to see how a simple bouncing ball animation works!

Still Images

Each frame is a complete picture. By showing them quickly, our eyes blend them into smooth motion.

The Flipbook Effect

Just like a physical flipbook, digital animation works by rapidly cycling through images.

Fun Fact
The first animated films in the 1900s were hand-drawn frame by frame - thousands of drawings for just minutes of animation!
2

Frame Rate Comparison

Watch the same animation at different frame rates. See how more frames per second creates smoother motion!

10 FPS

Choppy and jerky - you can see individual frames. Used in very old games.

30 FPS

Acceptable for most video. Many console games target this for stable performance.

60 FPS

Smooth and responsive - the standard for PC gaming and modern consoles.

3

Common Frame Rates in the Wild

Different media use different frame rates. Click each to see how it looks!

60
Frames Per Second
16.7
Milliseconds Per Frame
Why 24 FPS for Film?
When movies first added sound, 24 FPS was the minimum needed for good audio quality on film. It stuck as the cinematic standard!
4

Frame Time: The Real Measure

Gamers talk about FPS, but frame TIME is what you actually feel. Lower frame time = smoother gameplay.

60
FPS
16.7
ms per frame
60
frames in 1 second

60 FPS = 16.7ms

Each frame must render in under 16.7 milliseconds to maintain 60 FPS.

Frame Budget

Game developers have a "frame budget" - all game logic, physics, and rendering must fit in that time!

5

Consistency Matters More Than Average

A steady 30 FPS feels smoother than 60 FPS with stutters. Watch the difference!

Consistent 30 FPS

Every frame takes exactly 33.3ms. Smooth and predictable.

Stuttery 60 FPS

Average 60 FPS, but some frames take 50ms+. Feels janky!

Pro Tip
This is why games have "frame rate caps" - it's better to lock at a stable 60 than bounce between 60-90 with stutters.
6

FPS Playground

Slide to see how different frame rates look. Can you spot the difference between 120 and 144?

60 FPS

Diminishing Returns

30→60 is huge. 60→120 is noticeable. 120→240? You need trained eyes to see it.

Hardware Limits

Higher FPS needs faster hardware AND a monitor that can display it (60Hz, 144Hz, etc).

The 60 Hz Standard
60 FPS matches the 60 Hz refresh rate of most displays. That's why it's the target for most games!

Frame Rate Master!

You've discovered why smooth motion matters in games and video. Now you understand the magic behind every frame!

0
Frames Viewed
0
FPS Values Tested
0
Time Exploring

Frames = Still Images

Animation is just many still images shown quickly to create the illusion of motion.

FPS = Frames Per Second

Higher FPS means more images per second, creating smoother motion.

60 FPS is the Sweet Spot

Most games target 60 FPS - smooth enough for most eyes, achievable on most hardware.

Frame Time Matters

Consistent frame times feel smoother than inconsistent ones, even at the same average FPS.

Diminishing Returns

Going from 30 to 60 FPS is very noticeable. 120 to 240? Much harder to see.

Ready to Create?

Put your new knowledge into practice!

More Discoveries

Suggest a Correction