Workshop › Frogger-style Crossing › Step 17 of 22

Home slots

What we are doing

The far bank has four home slots, in columns 1, 4, 7 and 10: little bays of water in the bank.

```js
const HOMES = [1, 4, 7, 10] // columns of the home slots in row 0

  HOMES.forEach((col, i) => {
    ctx.fillStyle = '#1e3a8a'
    ctx.fillRect(col * TILE, TOP, TILE, TILE)
  })
```

What it means

Your turn

  1. Under the rows comment, write HOMES.
  2. In draw, under the rows loop, draw the slots.

Skills: Drawing on a canvas

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