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

No:4399

7546

←

Prev Next

→

trial run
Developer もちきなこ｜Date and time 23/6/27 21:42:47
Build time 52.29 sec｜Game capacity 5.58KB｜

Script

のゲーム、マインスイーパーを作成しました。以下がプログラムのコードです。

マインスイーパー

地雷を避けて全てのマスを開けよう！

このプログラムは、先ず地雷のないマスを全てオープンすることが目的です。手動で開ける箇所には数字が表示され、その数字は周囲のマスにある地雷の数を示しています。数字の付かない空白のマスは、周囲のマスに地雷が無いことを示しています。右クリックで旗を立てたり、既に旗が立っている所で再度右クリックすることで旗を取り消すことが可能です。また、地雷を踏んだ場合は全てのマスがオープンされ、そのマスに地雷があったことを示す "💣" が表示されます。これにより、マインスイーパーのシンプルなバージョンを作成することができました。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

のゲーム、マインスイーパーを作成しました。

以下がプログラムのコードです。

```html
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>マインスイーパー</title>
  <style>
    button {
      font-size: 20px;
      margin: 5px;
      padding: 20px;
      cursor: pointer;
    }

#board {
      display: flex;
      flex-wrap: wrap;
      margin-top: 20px;
    }
  </style>
</head>

<body>
  <h1>マインスイーパー</h1>
  <h3 id="message">地雷を避けて全てのマスを開けよう！</h3>
  <div id="board"></div>

function placeMines() {
      let placedMines = 0;

while (placedMines < mines) {
        let randomRow = Math.floor(Math.random() * rows);
        let randomCol = Math.floor(Math.random() * cols);

if (!board[randomRow][randomCol].isMine) {
          board[randomRow][randomCol].isMine = true;
          placedMines++;
        }
      }
    }

function openCell(cell) {
      if (cell.isOpen || cell.isFlagged) {
        return;
      }

cell.isOpen = true;
      cell.button.textContent = cell.adjacentMines === 0 ? "" : cell.adjacentMines;
      cell.button.style.backgroundColor = "lightgray";
      cell.button.style.color = getNumberColor(cell.adjacentMines);
      openedCells++;

if (cell.isMine) {
        cell.button.textContent = "💣";
        endGame("残念、君が負けました。");
      } else if (openedCells === rows * cols - mines) {
        endGame("おめでとう、あなたが勝ちました！");
      } else if (cell.adjacentMines === 0) {
        openAdjacentCells(cell);
      }
    }

function flagCell(cell) {
      if (cell.isOpen) {
        return;
      }

cell.isFlagged = !cell.isFlagged;
      cell.button.textContent = cell.isFlagged ? "🚩" : "";
      cell.button.style.color = cell.isFlagged ? "red" : "black";
    }

function getNumberColor(number) {
      switch (number) {
        case 1:
          return "blue";
        case 2:
          return "green";
        case 3:
          return "red";
        case 4:
        case 5:
          return "purple";
        default:
          return "black";
      }
    }

function init() {
      createBoard();
      placeMines();
      calculateAdjacentMines();

let boardContainer = document.getElementById("board");

board.forEach(row => {
        row.forEach(cell => {
          let button = document.createElement("button");
          button.textContent = "";
          button.style.backgroundColor = "lightblue";
          button.onclick = function () {
            openCell(cell);
          };
          button.oncontextmenu = function () {
            flagCell(cell);
            return false;
          };
          cell.button = button;
          boardContainer.appendChild(button);
        });
      });
    }

init();
  </script>
</body>

</html>
```

このプログラムは、先ず地雷のないマスを全てオープンすることが目的です。手動で開ける箇所には数字が表示され、その数字は周囲のマスにある地雷の数を示しています。数字の付かない空白のマスは、周囲のマスに地雷が無いことを示しています。

右クリックで旗を立てたり、既に旗が立っている所で再度右クリックすることで旗を取り消すことが可能です。また、地雷を踏んだ場合は全てのマスがオープンされ、そのマスに地雷があったことを示す "💣" が表示されます。

これにより、マインスイーパーのシンプルなバージョンを作成することができました。