Workshop › Scorched Earth-style Artillery › Step 5 of 23

The game loop

What we are doing

Barrels will turn and shells will fly, 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 barrel Aim →

All steps

1. The ground
2. Hills
3. Two tanks
4. The barrel
5. The game loop
6. Aim
7. Angle and power
8. Fire!
9. Flight
10. Boom
11. Craters
12. Falling tanks
13. Damage
14. Taking turns
15. The computer's shot
16. Hitting a tank
17. Win or lose
18. Wind
19. The computer aims
20. Aim with the mouse
21. Drag and let go
22. The atan2 trap
23. Build it yourself: a trail