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

No:1257

321

A game where the protagonist is a red circle with ..ALL
Developer User3280｜Date and time 23/6/18 9:22:54
Build time 6.484 sec｜Game capacity 0.612KB｜

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

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

マインスイーパー

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

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

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>のゲーム、マインスイーパーを作成しました。

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

```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>

<script>
    let rows = 8;
    let cols = 8;
    let mines = 10;
    let openedCells = 0;
    let board = [];

function createBoard() {
      for (let i = 0; i < rows; i++) {
        board[i] = [];
        for (let j = 0; j < cols; j++) {
          board[i][j] = {
            adjacentMines: 0,
            isOpen: false,
            isMine: false,
            x: i,
            y: j
          };
        }
      }
    }

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 calculateAdjacentMines() {
      for (let row = 0; row < rows; row++) {
        for (let col = 0; col < cols; col++) {
          let cell = board[row][col];
          if (!cell.isMine) {
            let count = 0;
            for (let i = Math.max(row - 1, 0); i <= Math.min(row + 1, rows - 1); i++) {
              for (let j = Math.max(col - 1, 0); j <= Math.min(col + 1, cols - 1); j++) {
                if (board[i][j].isMine) {
                  count++;
                }
              }
            }
            cell.adjacentMines = count;
          }
        }
      }
    }

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 openAdjacentCells(cell) {
      for (let i = Math.max(cell.x - 1, 0); i <= Math.min(cell.x + 1, rows - 1); i++) {
        for (let j = Math.max(cell.y - 1, 0); j <= Math.min(cell.y + 1, cols - 1); j++) {
          openCell(board[i][j]);
        }
      }
    }

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 endGame(message) {
      document.getElementById("message").textContent = message;
      board.forEach(row => {
        row.forEach(cell => {
          if (!cell.isOpen) {
            cell.isOpen = true;
            if (cell.isMine) {
              cell.button.textContent = "💣";
            } else {
              cell.button.textContent = cell.adjacentMines === 0 ? "" : cell.adjacentMines;
              cell.button.style.backgroundColor = "lightgray";
              cell.button.style.color = getNumberColor(cell.adjacentMines);
            }
          }
        });
      });
    }

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>
```

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

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

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