Workshop › 15 Puzzle › Step 27 of 27

Build it yourself: a timer

What we are doing

Your game, your rules. Add a timer: the seconds since the shuffle, shown under the board, stopping when the puzzle is solved.

Your turn

• Count the time since the last shuffle, in seconds.
• Draw it as Time 12 (whole seconds) centered under the board, below y = 440.
• It stops when the puzzle is solved and starts again from 0 with a new puzzle.

Skills: The game loop, Game states

← A record to beat

All steps

1. A board in one list
2. The canvas and the pen
3. Paint the table
4. A function that draws
5. Row and column
6. Where each square is
7. Draw one tile
8. The number on the tile
9. All the tiles
10. Draw again and again
11. The solved board from N
12. Neighbours
13. Slide a tile
14. Click a tile
15. Arrow keys
16. Count the moves
17. Shuffle with real slides
18. Which boards can be solved?
19. Is it solved?
20. Remember the slide
21. Count the frames
22. Smooth sliding
23. Solved!
24. Show the win
25. Play again
26. A record to beat
27. Build it yourself: a timer