Workshop › Frogger-style Crossing › Step 3 of 22

Keep drawing

What we are doing

The frog and the traffic will move, so the picture is redrawn every frame.

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

requestAnimationFrame(loop)
```

What it means

• requestAnimationFrame(loop) runs loop again before the next screen refresh, about 60 times a second.

Your turn

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

Skills: The game loop

← The frog Hop →

All steps

1. Road and river
2. The frog
3. Keep drawing
4. Hop
5. Swipe to hop
6. Lanes of traffic
7. Cars
8. Traffic moves
9. Hit by a car
10. Three lives
11. Play again
12. Tap to play again
13. Logs on the river
14. Stay on the logs
15. Ride the log
16. Back in line
17. Home slots
18. Get home
19. Points for progress
20. Next level
21. Best score
22. Build it yourself: a time limit