Workshop › Frogger-style Crossing › Step 16 of 22

Back in line

What we are doing

Riding a log leaves the frog between squares. When it hops onto solid ground or the road, it snaps back to the nearest square, so the grid stays tidy.

```js
const lane = laneAt(frog.y)
// Back on solid ground: line up with the grid again.
if (!lane || !lane.log) frog.x = Math.round(frog.x)
```

What it means

Your turn

At the end of hop, write the three lines.

Skills: Game states

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