Workshop › Angry Birds-style Slingshot › Step 44 of 47

On to the next level

What we are doing

After a win, next() starts the next level with the score kept, or starts over after the last one. After a loss, the score goes back to 0 and the same level starts again. The top line shows the level number.

```js
function next() {
  if (state === 'won') level === LEVELS.length - 1 ? reset() : startLevel(level + 1)
  else if (state === 'lost') {
    score = 0
    startLevel(level)
  }
}

  ctx.fillText('Level ' + (level + 1) + '  Birds ' + birdsLeft + '  Score ' + score, 10, 22)
```

What it means

• LEVELS.length - 1 is the number of the last level (2 when there are 3).
• (level + 1) is in brackets so it is added as numbers before being joined to the text; people count from 1.

Your turn

1. Replace the inside of next as shown.
2. In draw, put 'Level ' + (level + 1) + ' in front of the Birds text.

Skills: Game states

← Start any level The best score →

All steps

1. The sling
2. Sky and ground
3. Draw it again and again
4. The aim: an angle and a pull
5. A bird in the sling
6. Pull the bird back
7. The rubber band
8. Aim with the arrow keys
9. Bodies
10. Launch!
11. Move by the velocity
12. Gravity
13. Land on the ground
14. Aiming or flying
15. An empty sling in flight
16. Gone off the screen
17. Wait for calm
18. The next bird
19. See the path before you shoot
20. From a point to an aim
21. Grab the sling
22. Drag and let go
23. Wood and stone
24. A level as data
25. Push overlapping boxes apart
26. Bounce by mass
27. Every pair meets
28. Friction
29. Smaller steps
30. Hit points
31. Hard hits hurt
32. Things break
33. Pigs
34. Score
35. Show the score
36. Cracks
37. Three birds
38. Count the birds
39. Won or lost
40. The end panel
41. Play again
42. Three levels of data
43. Start any level
44. On to the next level
45. The best score
46. The right words
47. Build it yourself: the yellow bird