Workshop › Tower Defense › Step 11 of 42

Here they come

What we are doing

Enemies arrive one at a time: spawnIn counts down every frame, and when it runs out a new enemy starts at d = 0 with 10 health, and the countdown starts again at 45. toSpawn says how many are still to come.

```js
let toSpawn // enemies still to come in this wave
let spawnIn // frames until the next one

  toSpawn = 30
  spawnIn = 0

function update() {
  if (toSpawn > 0) {
    spawnIn -= 1
    if (spawnIn <= 0) {
      enemies.push({ d: 0, hp: 10 })
      toSpawn -= 1
      spawnIn = 45
    }
  }
```

What it means

Your turn

  1. Under let enemies write let toSpawn and let spawnIn; in reset, under enemies = [], write toSpawn = 30 and spawnIn = 0.
  2. At the top of update, write the spawning block and an empty line.

Skills: Game states, The game loop

All steps

  1. Measure the map
  2. A map of tiles
  3. Draw it every frame
  4. The road as corners
  5. Fill in the road
  6. Draw the road
  7. Walking by distance
  8. Enemies on the road
  9. Walk
  10. Off the end of the road
  11. Here they come
  12. Towers
  13. From a click to a tile
  14. Click to build
  15. Where can you build?
  16. Show the gold
  17. Show before you click
  18. Show the range
  19. Pick a target
  20. Fire!
  21. A hit hurts
  22. Homing bullets
  23. Fizzle out
  24. Gold for every kill
  25. Lives
  26. Health bars
  27. Build, then defend
  28. Space starts a wave
  29. The wave is over
  30. Stronger every wave
  31. Closer together
  32. Out of lives
  33. No building after the end
  34. The most waves survived
  35. The game over screen
  36. Play again
  37. The bottom bar
  38. Click to start
  39. A second tower: the cannon
  40. Tower buttons
  41. Splash damage
  42. Build it yourself: sell a tower