Learn how to create an advanced game loop in Javascript that handles lag and different framerates.

Advanced game loop design intro

Learn how to use requestAnimationFrame to optimise a games draw cycle.

Draw game loop lifecycle with request animation frame

Use a Javascript web worker and setInterval to power a game loop that continues running even when the browser is inactive.

Use web worker and setInterval to power a Javascript game loop

Learn and create a variable delta time javascript game loop. This game loop will perform more consistently across slower and faster computers running at different frame per second.

Creating a variable delta time javascript game loop

Learn and create a fixed delta time javascript game loop. This game loop will create deterministic game play and perform more consistently across slower and faster computers.

Creating a fixed delta time javascript game loop

Learn about how a spiral of death in a game loop occurs when the game lag is too large and how to prevent it.

Spiral of death game loop Javascript

This course will help you master advanced game loop design in Javascript Typescript. By the end you will have a generic game loop framework you can apply in many different games.