Workshop › Sokoban › Step 28 of 29

Show the record

What we are doing

Show the record next to the move counter, so the player always knows the number to beat: Moves: 12 (best 9).

```js
ctx.textAlign = 'right'
const record = best[level] === undefined ? '' : '  (best ' + best[level] + ')'
ctx.fillText('Moves: ' + moves + record, canvas.width - 12, TOP / 2)
```

What it means

• record is empty text ('') with no record, or ' (best 9)' with one.
• It is added at the end of the moves text.

Your turn

In draw, above the Moves line, write the record line and add + record to the text. Press Run and solve a level.

Skills: Drawing on a canvas

← A record for every level Build it yourself: count the pushes →

All steps

1. A level written as text
2. The canvas and the pen
3. The warehouse floor
4. A function that draws
5. A name for every tile
6. Read the walls
7. Draw the walls
8. Center the level
9. The goals
10. The boxes
11. The player
12. Two more levels
13. One step
14. Walk with the arrows
15. Boxes are in the way
16. Push a box
17. A box on a goal turns green
18. Solved!
19. On to the next level
20. Which level?
21. A line at the bottom
22. Count the moves
23. A photo of the game
24. A photo before every move
25. Undo
26. Restart
27. A record for every level
28. Show the record
29. Build it yourself: count the pushes