Workshop › Pool › Step 19 of 33

In the pocket

What we are doing

A ball drops when its centre comes within POCKET_R of a pocket's centre. After every step we keep only the balls that did not drop. Removing items while looping over the same array is a classic bug, so we build a new array with filter.

```js
function pocketed(b) {
  return POCKETS.some(([px, py]) => Math.hypot(b.x - px, b.y - py) < POCKET_R)
}

  balls = balls.filter((b) => !pocketed(b))
```

What it means

Your turn

  1. Under collide, leave an empty line and write pocketed.
  2. At the end of step, under the pair loop line, write the filter line.

Skills: Collision detection, Arrays and objects

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