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

No:10477

Minesweeper Find hidden bombs
Developer User4376｜Date and time 23/7/31 17:00:00
Build time 48.199 sec｜Game capacity 4.038KB｜

Script

マインスイーパー

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
<style>
table {
  border-collapse: collapse;
}

td {
  width: 30px;
  height: 30px;
  text-align: center;
  border: 1px solid black;
  cursor: pointer;
}
</style>
</head>
<body>
<h1>マインスイーパー</h1>
<table id="game-board">
</table>

let gameBoard = []; // ゲームボードの状態を保持する配列
let gameWon = false; // ゲームの勝利状態を示すフラグ

// ゲームの初期化
function init() {
  createGameBoard();
  placeBombs();
  renderBoard();
}

// ゲームボードを作成
function createGameBoard() {
  for (let i = 0; i < boardSize; i++) {
    gameBoard.push([]);
    for (let j = 0; j < boardSize; j++) {
      gameBoard[i].push({
        hasBomb: false,
        isRevealed: false
      });
    }
  }
}

// 爆弾をランダムな位置に配置
function placeBombs() {
  let bombs = 0;
  while (bombs < totalBombs) {
    const row = getRandomNumber(boardSize);
    const col = getRandomNumber(boardSize);
    if (!gameBoard[row][col].hasBomb) {
      gameBoard[row][col].hasBomb = true;
      bombs++;
    }
  }
}

// ランダムな数を生成
function getRandomNumber(max) {
  return Math.floor(Math.random() * max);
}

// ゲームボードを描画
function renderBoard() {
  const gameBoardElement = document.getElementById("game-board");
  gameBoardElement.innerHTML = "";

for (let i = 0; i < boardSize; i++) {
    const row = document.createElement("tr");
    for (let j = 0; j < boardSize; j++) {
      const cell = document.createElement("td");
      cell.addEventListener("click", () => reveal(i, j));
      row.appendChild(cell);
    }
    gameBoardElement.appendChild(row);
  }
}

// セルの状態を表示
function reveal(row, col) {
  if (gameWon || gameBoard[row][col].isRevealed) {
    return;
  }
  
  gameBoard[row][col].isRevealed = true;
  
  const cell = document.getElementById("game-board").rows[row].cells[col];
  cell.style.backgroundColor = "#ccc";
  
  if (gameBoard[row][col].hasBomb) {
    cell.innerHTML = "💣";
    gameOver(false);
    return;
  }
  
  const adjacentBombs = countAdjacentBombs(row, col);
  if (adjacentBombs > 0) {
    cell.innerHTML = adjacentBombs;
  } else {
    revealAdjacentCells(row, col);
  }
  
  if (checkWin()) {
    gameOver(true);
  }
}

// 周囲の爆弾の数を数える
function countAdjacentBombs(row, col) {
  let count = 0;
  for (let i = -1; i <= 1; i++) {
    for (let j = -1; j <= 1; j++) {
      if (row + i >= 0 && row + i < boardSize && col + j >= 0 && col + j < boardSize) {
        if (gameBoard[row + i][col + j].hasBomb) {
          count++;
        }
      }
    }
  }
  return count;
}

// 隣接するセルを開く
function revealAdjacentCells(row, col) {
  for (let i = -1; i <= 1; i++) {
    for (let j = -1; j <= 1; j++) {
      if (row + i >= 0 && row + i < boardSize && col + j >= 0 && col + j < boardSize) {
        if (!gameBoard[row + i][col + j].hasBomb && !gameBoard[row + i][col + j].isRevealed) {
          reveal(row + i, col + j);
        }
      }
    }
  }
}

// ゲームの勝敗を判定
function checkWin() {
  for (let i = 0; i < boardSize; i++) {
    for (let j = 0; j < boardSize; j++) {
      if (!gameBoard[i][j].hasBomb && !gameBoard[i][j].isRevealed) {
        return false;
      }
    }
  }
  return true;
}

// ゲームオーバーの処理
function gameOver(win) {
  gameWon = win;
  if (win) {
    alert("Congratulations! You won!");
  } else {
    revealAllBombs();
    alert("Game over! You lost!");
  }
}

// すべての爆弾を表示
function revealAllBombs() {
  for (let i = 0; i < boardSize; i++) {
    for (let j = 0; j < boardSize; j++) {
      if (gameBoard[i][j].hasBomb) {
        const cell = document.getElementById("game-board").rows[i].cells[j];
        cell.innerHTML = "💣";
        cell.style.backgroundColor = "red";
      }
    }
  }
}

// ゲームの初期化を実行
init();
</script>
</body>
</html>