Workshop › Space Invaders-style › Step 2 of 21

The game loop

What we are doing

Everything will move, so the picture is redrawn about 60 times a second by a loop.

```js
function loop() {
  draw()
  requestAnimationFrame(loop)
}

requestAnimationFrame(loop)
```

What it means

• requestAnimationFrame(loop) runs loop again before the next screen refresh.

Your turn

Replace draw() at the bottom with loop and requestAnimationFrame(loop).

Skills: The game loop

← The ship Move the ship →

All steps

1. The ship
2. The game loop
3. Move the ship
4. Stay on screen
5. Fire
6. Bullets fly
7. A short reload
8. The invaders
9. The march
10. Hit!
11. Score
12. They shoot back
13. Bombs fall
14. Lives
15. Game over
16. Best score
17. A wave in a function
18. Play again
19. Waves
20. Faster and faster
21. Build it yourself: an extra life