Workshop › Pong › Step 17 of 26

Keep the score

What we are doing

Each paddle gets a score. When the ball gets past a player, the other one wins the point, then the serve goes to the player who lost it.

```js
let left = { x: 20, y: 160, score: 0 }
let right = { x: canvas.width - 20 - PADDLE_W, y: 160, score: 0 }

function point(winner) {
  winner.score += 1
  // Serve toward the player who just lost the point.
  serve(winner === left ? 1 : -1)
}

  if (ball.x + BALL < 0) point(right)
  else if (ball.x > canvas.width) point(left)
```

What it means

• The paddle objects get a score field starting at 0.
• point(winner) adds a point to the paddle that won it.
• If the left player won, the loser is on the right, so the serve goes right (1), otherwise left (-1).

Your turn

1. Add score: 0 to both paddles.
2. Under serve, write point.
3. In update, change the two serve(...) calls to point(right) and point(left).

Skills: Game states

← Serve again Show the score →

All steps

1. Get the canvas and the pen
2. A black court
3. One dash of the net
4. The whole net
5. Two paddles
6. A function that draws
7. The game loop
8. Remember held keys
9. Move the paddles
10. Stay on the court
11. The ball
12. The ball moves
13. Bounce off the top and bottom
14. Does the ball touch a paddle?
15. The paddles hit back
16. Serve again
17. Keep the score
18. Show the score
19. First to five
20. Who won?
21. Play again
22. Aim with the paddle
23. Faster every hit
24. A computer opponent
25. One player or two
26. Build it yourself: a serve pause