Workshop › Pool › Step 22 of 33

Clear the table

What we are doing

When everything stops and only the cue ball is left, the table is cleared: the state becomes 'won' and a message shows the number of shots. Space then starts again.

```js
if (balls.length === 1) {
  state = 'won'
} else state = 'aiming'

else if (event.key === ' ') state === 'won' ? reset() : shoot()

if (state === 'won') {
  ctx.textAlign = 'center'
  ctx.font = 'bold 22px sans-serif'
  ctx.fillText('Table cleared in ' + shots + ' shots!', canvas.width / 2, 170)
}
```

What it means

• One ball left means only the cue ball (it was just put back if needed).
• Space: state === 'won' ? reset() : shoot() restarts after a win and shoots otherwise.

Your turn

1. In update, replace state = 'aiming' (the last line) with the if/else.
2. In the key listener, change the Space line.
3. In draw, under the Shots text, write the if (state === 'won') block.

Skills: Game states

← Balls left Choose the power →

All steps

1. The room
2. The table
3. The cue ball
4. Draw the balls
5. The rack
6. Numbers on the balls
7. An aim line
8. Turn the aim
9. A shot is a velocity
10. Roll
11. Friction
12. Cushions
13. Aiming and rolling
14. Hide the aim while rolling
15. Count the shots
16. Balls that touch
17. Swap the push
18. Six pockets
19. In the pocket
20. Scratch
21. Balls left
22. Clear the table
23. Choose the power
24. A power bar
25. A slingshot
26. Press to aim
27. Pull back and let go
28. Smaller steps
29. Predict the hit
30. Draw the ghost ball
31. Where the hit ball goes
32. Your best
33. Build it yourself: two players