マインスイーパー □□□□□□□□□ □□□□□□□□□ □□□□□□□□□ □□□□□□□□□ □□□□□□□□□ □□□□□□□□□ □□□□□□□□□ □□□□□□□□□ □□□□□□□□□ このようなマスにランダムに15個爆弾を配置する爆弾が一個もないマスは周囲の爆弾の数だけ数字を表示するマスは隠されておりタップすることで表示する爆弾は同じマスに2個配置されることはない爆弾があるマスをタップするとゲームオーバー爆弾があるマス以外を全てタップするとゲームクリア's game

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

No:16167

177

←

Prev Next

→

マインスイーパー □□□□□□□□□ □□□□□□□□□ □□□□□□□□□ □□□□□□□□□ □..ALL
Developer User7165｜Date and time 23/9/16 13:18:44
Build time 24.939 sec｜Game capacity 2.943KB｜

Script

←

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">
  <title>マインスイーパー</title>
  <style>
    .grid {
      display: grid;
      grid-template-columns: repeat(10, 1fr);
      gap: 2px;
    }
    .cell {
      background-color: lightgray;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20px;
      width: 30px;
      height: 30px;
      cursor: pointer;
      user-select: none;
    }
  </style>
</head>
<body>
  <div class="grid" id="grid"></div>

// 游戏状态
    let gameGrid = [];
    let bombCount = 0;
    let openedCount = 0;
    let gameOver = false;

// 创建格子
    function createCell(x, y, isBomb) {
      const cell = document.createElement('div');
      cell.className = 'cell';
      cell.addEventListener('click', () => handleCellClick(x, y));
      cell.setAttribute('data-x', x);
      cell.setAttribute('data-y', y);
      cell.setAttribute('data-bomb', isBomb);
      return cell;
    }

// 初始化游戏
    function initGame() {
      const grid = document.getElementById('grid');
      for (let x = 0; x < SIZE; x++) {
        const row = [];
        for (let y = 0; y < SIZE; y++) {
          const isBomb = Math.random() < BOMB_COUNT / (SIZE * SIZE);
          if (isBomb) {
            bombCount++;
          }
          const cell = createCell(x, y, isBomb);
          row.push(cell);
          grid.appendChild(cell);
        }
        gameGrid.push(row);
      }
    }

// 点击格子
    function handleCellClick(x, y) {
      if (gameOver) {
        return;
      }

const cell = gameGrid[x][y];
      const isBomb = cell.getAttribute('data-bomb') === 'true';

if (isBomb) {
        cell.textContent = '💣';
        cell.style.backgroundColor = 'red';
        gameOver = true;
        alert('ゲームオーバー');
      } else {
        const bombCount = countSurroundingBombs(x, y);
        if (bombCount > 0) {
          cell.textContent = bombCount;
        }
        cell.style.backgroundColor = 'white';
        cell.removeEventListener('click', handleCellClick);
        openedCount++;
        
        if (openedCount === SIZE * SIZE - bombCount) {
          gameOver = true;
          alert('ゲームクリア');
        }
      }
    }

// 统计周围炸弹数量
    function countSurroundingBombs(x, y) {
      let count = 0;
      for (let dx = -1; dx <= 1; dx++) {
        for (let dy = -1; dy <= 1; dy++) {
          const nx = x + dx;
          const ny = y + dy;
          if (nx < 0 || nx >= SIZE || ny < 0 || ny >= SIZE) {
            continue;
          }

const cell = gameGrid[nx][ny];
          if (cell.getAttribute('data-bomb') === 'true') {
            count++;
          }
        }
      }
      return count;
    }

// 开始游戏
    initGame();
  </script>
</body>
</html>