Workshop › Bomberman-style Arena › Step 20 of 42

A cross of flames

What we are doing

The explosion is a cross: from the bomb's tile, power tiles in each of the four directions. Each arm walks out tile by tile; a wall stops it.

```js
let power

  power = 2

  for (const [dr, dc] of Object.values(DIRS)) {
    for (let i = 1; i <= power; i++) {
      const r = bomb.r + dr * i
      const c = bomb.c + dc * i
      if (grid[r][c] === '#') break
      flames.push({ r, c, time: FLAME_TIME })
    }
  }
```

What it means

Your turn

  1. Under let maxBombs write let power; in reset, under maxBombs = 1, write power = 2.
  2. At the end of explode, under the first flame, write the two loops.

Skills: Loops

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