Workshop › Frogger-style Crossing › Step 8 of 22

Traffic moves

What we are doing

Every frame each lane slides by its speed. Because items wraps around the period, cars leaving one side come back on the other, forever.

```js
function update() {
  for (const lane of LANES) lane.offset += lane.speed
}

  update()
```

What it means

Your turn

  1. Above rowColor, write update.
  2. In loop, call update() before draw().

Skills: The game loop

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