AI game creator

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

No:887

172

←

Prev Next

→

minesweeper
Developer User3146｜Date and time 23/6/17 21:55:35
Build time 75.029 sec｜Game capacity 4.819KB｜

Script

マインスイーパーは、ボード上の地雷を避けながら、地雷のないセルをクリックして開けるゲームです。各セルには隣接する地雷の数が表示されています。プレイヤーが地雷を踏んでしまうと、ゲームオーバーになります。すべての地雷のないセルが開かれたら、プレイヤーは勝ちます。本プログラムは、10×10のボードで10個の地雷を持ち、スマホでも遊べるように設計されています。絵文字として爆弾のアイコンを使用しています。ボード上の各セルをクリックすることでセルを開くことができ、 Reset ボタンで新しいゲームを開始することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>マインスイーパー</title>
  <style>
    body {
      background-color: #eeeeee;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

table {
      border-collapse: collapse;
      margin: auto;
    }

td {
      width: 30px;
      height: 30px;
      border: solid 1px #cccccc;
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
    }

td.revealed {
      background-color: #f2f2f2;
    }

td.bomb {
      background-color: #ff6666;
    }
  </style>
</head>

let bombsPlaced = 0;
      while (bombsPlaced < BOMBS) {
        let row = Math.floor(Math.random() * ROWS);
        let col = Math.floor(Math.random() * COLS);
        if (!board[row][col].bomb) {
          board[row][col].bomb = true;
          bombsPlaced++;
        }
      }

for (let i = 0; i < ROWS; i++) {
        for (let j = 0; j < COLS; j++) {
          if (board[i][j].bomb) {
            continue;
          }
          let count = 0;
          for (let row = Math.max(0, i - 1); row <= Math.min(i + 1, ROWS - 1); row++) {
            for (let col = Math.max(0, j - 1); col <= Math.min(j + 1, COLS - 1); col++) {
              if (board[row][col].bomb) {
                count++;
              }
            }
          }
          board[i][j].count = count;
        }
      }
    }

function reset() {
      board = [];
      document.getElementById("board").innerHTML = "";
      createBoard();
      updateBoard();
    }

createBoard();
    updateBoard();
  </script>
  <button onclick="reset()">Reset</button>
</body>

</html>