Bomber Man where you move across the maze placing bombs and exploding boxes, while avoiding the explosions and enemies, if you lose 3 lives, you die, if you destroy all the boxes with your bombs, you win. You can go up, left, right, down, and a bomb place button.'s game

Click here for free DL of the app version that can save data.

No:43281

←

Prev Next

→

Bomber Man where you move across the maze placing ..ALL
Developer User19162｜Date and time 24/2/15 5:08:12
Build time 16.34 sec｜Game capacity 5.306KB｜

Script

Sure! Here's an example implementation of the Bomberman game using JavaScript and HTML:

To play the game, open the HTML file in a web browser (such as Chrome) on a smartphone or desktop. You can use the arrow keys to move the player and the "b" key to place a bomb. Your goal is to destroy all the boxes without getting hit by the bomb explosions. If you lose all 3 lives, the game is over.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

Click here for free DL of the app version that can save data.

Sure! Here's an example implementation of the Bomberman game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      #game-container {
        display: flex;
        flex-wrap: wrap;
        width: 320px;
      }
      .cell {
        width: 40px;
        height: 40px;
        border: 1px solid #999;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        font-weight: bold;
      }
      .player {
        background-color: yellow;
      }
      .box {
        background-color: orange;
      }
      .bomb {
        background-color: red;
      }
      .explosion {
        background-color: #f00;
      }
    </style>
  </head>
  <body>
    <div id="game-container"></div>
    <script>
      // Game configuration
      const mazeWidth = 8;
      const mazeHeight = 8;
      const maxLives = 3;

// Game state
      let playerPosition = 0;
      let lives = maxLives;
      let boxesRemaining = 0;

// Generate maze
      const maze = [];
      for (let i = 0; i < mazeWidth * mazeHeight; i++) {
        maze.push("empty");
      }

// Place random boxes in the maze
      const numBoxes = Math.floor((mazeWidth * mazeHeight) / 3);
      const boxIndices = [];
      for (let i = 0; i < numBoxes; i++) {
        let randomIndex;
        do {
          randomIndex = Math.floor(Math.random() * maze.length);
        } while (maze[randomIndex] !== "empty");
        maze[randomIndex] = "box";
        boxIndices.push(randomIndex);
        boxesRemaining++;
      }

// Render the maze
      const gameContainer = document.getElementById("game-container");
      for (let i = 0; i < maze.length; i++) {
        const cell = document.createElement("div");
        cell.className = "cell";
        if (i === playerPosition) {
          cell.classList.add("player");
        } else if (maze[i] === "box") {
          cell.classList.add("box");
        }
        gameContainer.appendChild(cell);
      }

// Handle keypress events
      document.addEventListener("keydown", function (e) {
        e.preventDefault();
        const key = e.key;

const newPosition =
          key === "ArrowUp"
            ? playerPosition - mazeWidth
            : key === "ArrowDown"
            ? playerPosition + mazeWidth
            : key === "ArrowLeft"
            ? playerPosition - 1
            : key === "ArrowRight"
            ? playerPosition + 1
            : null;

if (newPosition !== null) {
          if (
            newPosition >= 0 &&
            newPosition < mazeWidth * mazeHeight &&
            !gameOver()
          ) {
            const currentCell = gameContainer.childNodes[playerPosition];
            currentCell.classList.remove("player");

const newCell = gameContainer.childNodes[newPosition];
            if (!newCell.classList.contains("box")) {
              newCell.classList.add("player");
              playerPosition = newPosition;
            }

if (newCell.classList.contains("box")) {
              // Remove box
              newCell.classList.remove("box");
              boxesRemaining--;

// Check if all boxes are destroyed
              if (boxesRemaining === 0) {
                setTimeout(function () {
                  alert("You win!");
                }, 100);
              }
            }
          }
        }
      });

// Handle bomb placement
      document.addEventListener("keydown", function (e) {
        e.preventDefault();
        const key = e.key;
        const bombKey = "b";
        const bombPosition = playerPosition;

if (key === bombKey && !gameOver()) {
          const currentCell = gameContainer.childNodes[bombPosition];
          if (!currentCell.classList.contains("bomb")) {
            currentCell.classList.add("bomb");

setTimeout(function () {
              currentCell.classList.remove("bomb");
              explode(bombPosition, bombPosition);
            }, 1500);
          }
        }
      });

// Bomb explosion
      function explode(startPosition, currentPosition) {
        const currentCell = gameContainer.childNodes[currentPosition];
        if (currentCell.classList.contains("box")) {
          currentCell.classList.remove("box");
          boxesRemaining--;
        }
        currentCell.classList.add("explosion");

setTimeout(function () {
          currentCell.classList.remove("explosion");
          if (currentPosition > 0) {
            explode(startPosition, currentPosition - 1);
          }
        }, 300);
      }

// Check if game is over
      function gameOver() {
        if (boxesRemaining === 0) {
          return true;
        }
        if (lives <= 0) {
          setTimeout(function () {
            alert("Game over!");
          }, 100);
          return true;
        }
        return false;
      }
    </script>
  </body>
</html>
```