Workshop › Candy Crush-style Match 3 › Step 26 of 29

Twenty moves

What we are doing

Without a limit the game never ends and the score means little. A game has 20 moves; only a swap that matches uses one. The moves left are written at the top right.

```js
const MOVES = 20

let movesLeft

  movesLeft = MOVES

  movesLeft -= 1

  ctx.textAlign = 'right'
  ctx.fillText('Moves ' + movesLeft, canvas.width - LEFT, 30)
```

What it means

• reset gives MOVES moves.
• movesLeft -= 1 comes after the "no match" check in trySwap, so a swap that bounces back is free.
• textAlign = 'right' makes the text end at the given x: the right edge of the grid.

Your turn

1. Above FALL write MOVES; under let score write let movesLeft.
2. In reset, under score = 0, write movesLeft = MOVES.
3. In trySwap, above chain = 0, write movesLeft -= 1.
4. In draw, under the Score line, write the two Moves lines.

Skills: Game states

← Show the hint The end of a game →

All steps

1. A place for the board
2. A checkered grid
3. The game loop
4. A board of random gems
5. Draw the gems
6. Start without matches
7. Click a gem
8. Show the selection
9. Swap two neighbours
10. Find every match
11. No match, no swap
12. A score and a fresh start
13. Clear the match
14. Let the gems fall
15. Two halves of a clear
16. Wait before clearing
17. Flash, and hands off
18. Cascades
19. Where a gem came from
20. Slide down
21. Out from under the top
22. Is there any move?
23. Never stuck
24. A hint after five seconds
25. Show the hint
26. Twenty moves
27. The end of a game
28. Remember the best score
29. Build it yourself: swipe to swap