Workshop › Bomberman-style Arena › Step 13 of 42

Drop a bomb

What we are doing

A bomb is a tile and a fuse: how many frames until it goes off. dropBomb puts one on the tile the player stands on. The player may be between two tiles, so tileOf rounds to the nearest one.

```js
const FUSE = 150 // frames until a bomb goes off

let bombs // { r, c, fuse }

  bombs = []

const tileOf = (m) => ({ r: Math.round(m.y), c: Math.round(m.x) })

function dropBomb() {
  const t = tileOf(player)
  bombs.push({ r: t.r, c: t.c, fuse: FUSE })
}
```

What it means

Your turn

  1. Above DIRS write FUSE.
  2. Above let held write let bombs; in reset, above held = [], write bombs = [].
  3. Under walkable write tileOf.
  4. Above function update() { write dropBomb.

Skills: Game states

All steps

  1. Measure the arena
  2. A floor of tiles
  3. Draw it every frame
  4. The arena as data
  5. Draw what the grid says
  6. Pillars
  7. Crates
  8. Keep the corners clear
  9. The player
  10. Keys being held
  11. Slide towards a target
  12. Walk
  13. Drop a bomb
  14. Space drops, bombs show
  15. One bomb at a time
  16. Bombs are in the way
  17. The fuse burns down
  18. Fire!
  19. Flames die down
  20. A cross of flames
  21. Crates burn
  22. Chain reactions
  23. Bombs blink
  24. Flames hurt
  25. A moment of safety
  26. Hearts
  27. Out of lives
  28. Game over
  29. Enemies
  30. Enemies wander
  31. No turning back
  32. Fight and touch
  33. All enemies gone
  34. Hidden power-ups
  35. Uncover the power-ups
  36. Pick them up
  37. Show the powers
  38. Which way is the finger?
  39. Play with a finger
  40. A clock
  41. The fastest win
  42. Build it yourself: a smarter enemy