🟤🟢🔵🟣🟡⚫️⚪️🔴🟠を使ったゲーム's game

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

No:20709

←

Prev Next

→

🟤🟢🔵🟣🟡⚫️⚪️🔴🟠を使ったゲーム
Developer User9126｜Date and time 23/10/10 19:17:29
Build time 30.751 sec｜Game capacity 3.447KB｜

Script

了解しました。では、「マインスイーパー」風のゲームを作成しましょう。以下が実際のプログラムです。

このプログラムは、盤面のセルをクリックすると、そのセルが地雷かどうかを判定し、周囲の地雷の数を表示します。地雷を踏んだ場合には「ゲームオーバー！」とアラートが表示され、ゲームがリセットされます。盤面の初期状態では、全てのセルに黄色の「🟡」が表示され、地雷の位置はランダムに設定されます。セルをクリックした際には、周囲の地雷の数が表示されるか、地雷が表示されるかが決まります。お手持ちのスマートフォンやデスクトップで、ブラウザでこのHTMLファイルを開き、ゲームをお楽しみください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。では、「マインスイーパー」風のゲームを作成しましょう。以下が実際のプログラムです。

```html
<!DOCTYPE html>
<html>
<head>
  <title>マインスイーパー</title>
  <style>
    .cell {
      width: 30px;
      height: 30px;
      border: 1px solid #888;
      text-align: center;
      line-height: 30px;
      font-size: 20px;
      display: inline-block;
    }
  </style>
</head>
<body>
  <script>
    // グリッドのサイズ
    const numRows = 8;
    const numCols = 8;

// マインスイーパーの盤面
    let board = [];

// 初期化
    function initializeBoard() {
      // 盤面を生成
      for (let row = 0; row < numRows; row++) {
        board[row] = [];
        for (let col = 0; col < numCols; col++) {
          board[row][col] = '🟡⚫️⚪️🔴🟠';
        }
      }

// ランダムに地雷を設置
      for (let i = 0; i < 10; i++) {
        let row = Math.floor(Math.random() * numRows);
        let col = Math.floor(Math.random() * numCols);
        board[row][col] = '💣';
      }
    }

// ゲームを開始
    function startGame() {
      initializeBoard();
      renderBoard();
    }

// 盤面を描画
    function renderBoard() {
      const container = document.createElement('div');
      container.style.display = 'inline-block';
      document.body.appendChild(container);

for (let row = 0; row < numRows; row++) {
        for (let col = 0; col < numCols; col++) {
          const cell = document.createElement('div');
          cell.className = 'cell';
          cell.innerHTML = board[row][col];
          cell.onclick = () => revealCell(row, col);
          container.appendChild(cell);
        }
        const newline = document.createElement('br');
        container.appendChild(newline);
      }
    }

// セルを開く
    function revealCell(row, col) {
      if (board[row][col] === '💣') {
        alert('ゲームオーバー！');
        startGame();
      } else {
        // 周囲の地雷の数をカウントして表示
        let count = 0;
        for (let dr = -1; dr <= 1; dr++) {
          for (let dc = -1; dc <= 1; dc++) {
            let newRow = row + dr;
            let newCol = col + dc;
            if (newRow >= 0 && newRow < numRows && newCol >= 0 && newCol < numCols && board[newRow][newCol] === '💣') {
              count++;
            }
          }
        }
        board[row][col] = count > 0 ? count : ' ';
        renderBoard();
      }
    }

// ゲームを開始
    startGame();
  </script>
</body>
</html>
```

このプログラムは、盤面のセルをクリックすると、そのセルが地雷かどうかを判定し、周囲の地雷の数を表示します。地雷を踏んだ場合には「ゲームオーバー！」とアラートが表示され、ゲームがリセットされます。

盤面の初期状態では、全てのセルに黄色の「🟡」が表示され、地雷の位置はランダムに設定されます。セルをクリックした際には、周囲の地雷の数が表示されるか、地雷が表示されるかが決まります。

お手持ちのスマートフォンやデスクトップで、ブラウザでこのHTMLファイルを開き、ゲームをお楽しみください。