Workshop › Flappy-style Bird › Step 24 of 30

Try again

What we are doing

A game you cannot restart without reloading the page is a game people stop playing. After game over, a flap calls reset and goes back to 'ready'. The Game Over screen says so.

```js
function flap() {
  if (state === 'over') {
    reset()
    return
  }

    ctx.font = '18px sans-serif'
    ctx.fillText('Press Space to try again', canvas.width / 2, canvas.height / 2 + 34)
```

What it means

• After game over, a flap resets the game; return stops this flap from launching the bird at once. The next flap starts the game.
• Two lines in draw's 'over' block write the hint under Game Over.

Your turn

1. In flap, change if (state === 'over') return into the block with reset() and return.
2. In draw, inside the 'over' block, under the Game Over line, add the two new lines.

Skills: Game states, Keyboard and mouse input

← A function for a fresh start One place where the game ends →

All steps

1. Get the canvas and the pen
2. Paint the sky
3. Draw the bird
4. A function that draws
5. A function that moves
6. The game loop
7. Gravity
8. A flap
9. Space, Up arrow or a tap
10. Wait for the first flap
11. The ground and the sky
12. Tell the player
13. A pipe as data
14. Draw the pipes
15. The world moves, not the bird
16. A new pipe at a random height
17. A pipe every 90 frames
18. Remove the pipes you passed
19. Is the bird level with a pipe?
20. Through the opening
21. Score each pipe once
22. Show the score
23. A function for a fresh start
24. Try again
25. One place where the game ends
26. Remember the best score
27. Show the best score
28. The same speed on every screen
29. No catching up after a pause
30. Build it yourself: a medal