Workshop › Zelda-style Dungeon › Step 3 of 22

The game loop

What we are doing

The hero 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 hero Walk →

All steps

1. A room
2. The hero
3. The game loop
4. Walk
5. Walls
6. A touch pad
7. Next room
8. The sword
9. Enemies
10. Strike!
11. They chase you
12. They wander
13. Ouch
14. Blinking and hearts
15. Keys and hearts
16. A world that remembers
17. The locked door
18. A timer
19. Game over
20. The stairs out
21. Best time
22. Build it yourself: cleared rooms