Workshop › Pac-Man-style Maze Chase › Step 33 of 42

Game over

What we are doing

When the game is over, steering must not bring it back to life, and the screen should say so: a see-through dark layer over everything and Game Over in the middle.

```js
function steer(dir) {
  if (state === 'over') return

  if (state === 'over') {
    ctx.fillStyle = 'rgba(11, 16, 32, 0.75)'
    ctx.fillRect(0, 0, canvas.width, canvas.height)
    ctx.fillStyle = 'white'
    ctx.font = 'bold 32px sans-serif'
    ctx.fillText('Game Over', canvas.width / 2, canvas.height / 2)
    ctx.font = '18px sans-serif'
    ctx.fillText('Press Space to play again', canvas.width / 2, canvas.height / 2 + 32)
  }
```

What it means

• steer ignores the player once the game is over.
• The rgba color is the background color at 75% opacity: the maze stays faintly visible under it.
• textAlign is still 'center' from the line above.

Your turn

1. At the top of steer, write the over line.
2. At the end of draw, under the ready block, write the over block.

Skills: Game states, Drawing on a canvas

← Caught! Play again →

All steps

1. The maze as text
2. The game loop
3. Draw the walls
4. A set of pellets
5. Draw the pellets
6. The player
7. Where can you walk?
8. What a mover remembers
9. One frame of movement
10. Move every frame
11. Turns you can press early
12. Glide between tiles
13. Turn back at once
14. Swipes on a phone
15. Eat the pellets
16. Show the score
17. Clear the maze
18. A red ghost
19. A ghost never turns back
20. The ghost walks
21. The ghost hunts you
22. Four ghosts in the house
23. One by one out of the house
24. Scatter or chase?
25. Every ghost to its corner
26. Pink cuts you off
27. Orange is shy
28. Cyan works with red
29. Wait for the first key
30. Tell the player to start
31. Three lives
32. Caught!
33. Game over
34. Play again
35. Frighten the ghosts
36. Power pellets work
37. Scared ghosts wander slowly
38. Eat a scared ghost
39. Blue, then flashing
40. Harder levels
41. A best score that lasts
42. Build it yourself: the slow tunnel