LearnViz CompSci
Home / Learn / Graphics, Vision & Media / Game Loop

Beginner Topic 14 of 49 Graphics, Vision & Media

Game Loop

Repeating cycle of input, update and render.

How it works

The game loop is the central cycle of a real-time program: each iteration processes input, updates the game state, such as physics, AI and animation, and renders a frame, repeating until the game quits. A fixed time step, as in physics simulation, gives deterministic and stable behavior, often combined with variable-rate rendering and interpolation. Techniques include accumulating elapsed time and running multiple updates per frame, vsync, frame limiters and separate threads for rendering.

Where it is used

Video games, simulations, interactive visualizations and animated user interfaces are built around a loop, using requestAnimationFrame in browsers.

Common pitfall

Tying movement to frame rate makes the game run faster on faster machines; scale by delta time. Variable time steps make physics unstable and non-deterministic. Large delta times after pauses cause tunneling and spiral of death, where updates take longer than the time they simulate. Clamp the time step, decouple update and render and profile each phase.

Where it fits in the course

Game Loop is topic 14 of 49 in Graphics, Vision & Media, rated Beginner. It follows Animation Principles. The next topic is Sprites and Tilemaps.

Practice and explore

How to study this topic

  1. Read the explanation above and restate the definition in your own words.
  2. Open the interactive lesson and answer its mini quiz.
  3. Read the common pitfall, then write a short example that avoids it.
  4. Check your understanding in the Graphics, Vision & Media quiz, and revisit the topic if you miss a question.

Frequently asked questions

What is Game Loop?
Repeating cycle of input, update and render. It belongs to Graphics, Vision & Media and is a beginner-level topic.
Where do people use Game Loop?
Video games, simulations, interactive visualizations and animated user interfaces are built around a loop, using requestAnimationFrame in browsers.
What is the most common mistake with Game Loop?
Tying movement to frame rate makes the game run faster on faster machines; scale by delta time.
What should I learn before this topic?
Start with Animation Principles, the topic just before it in Graphics, Vision & Media.
How can I practice it?
Answer the mini quiz in the interactive lesson, then take the Graphics, Vision & Media quiz.
Is Game Loop hard to learn?
It is a Beginner topic, so it works as an entry point. If the terms are new, read the explanation twice and try the visualizer before the quiz.
How long does it take to learn Game Loop?
Most learners can read the explanation and finish the interactive lesson in under an hour. Fluency comes from applying the idea, so plan a few short practice sessions with the quiz.
Which topics are related to Game Loop?
Animation Principles, Sprites and Tilemaps, Matrices in Graphics are closely connected. The full list is in the related topics section of this page.
What should I study after Game Loop?
Continue with Sprites and Tilemaps, the next topic in Graphics, Vision & Media.

Related topics