Games that exceed NEOGEO CD load times's game

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

No:6961

←

Prev Next

→

Games that exceed NEOGEO CD load times
Developer User3940｜Date and time 23/7/4 16:57:45
Build time 25.569 sec｜Game capacity 4.053KB｜

Script

了解しました。以下に、スマートフォンで遊べるシンプルなマインスイーパーゲームの実装例を示します。

このコードは、5x5のマスからなるボード上にランダムに5つの爆弾を配置し、クリックしたマスの周りにある爆弾の数を表示するシンプルなマインスイーパーゲームです。スマートフォンでも操作しやすいように、マスをタップすることでゲームを進めることができます。爆弾をタップするとゲームオーバーになり、全てのマスを開くことができます。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解しました。以下に、スマートフォンで遊べるシンプルなマインスイーパーゲームの実装例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>マインスイーパー</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    .board {
      display: grid;
      gap: 2px;
      background-color: #ccc;
      border: 2px solid #aaa;
    }
    .cell {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 18px;
      background-color: #eee;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div class="board"></div>

const board = document.querySelector('.board');
      const cells = [];
      let bombs = [];

// 爆弾をランダムに配置
      const placeBombs = () => {
        while (bombs.length < bombCount) {
          const randIdx = Math.floor(Math.random() * (boardSize ** 2));
          if (!bombs.includes(randIdx)) {
            bombs.push(randIdx);
          }
        }
      };

// ゲームの初期化
      const initializeGame = () => {
        placeBombs();

for (let i = 0; i < boardSize ** 2; i++) {
          const cell = document.createElement('div');
          cell.classList.add('cell');
          cell.textContent = '';
          
          cell.addEventListener('click', () => {
            if (bombs.includes(i)) {
              cell.style.backgroundColor = 'red';
              cell.innerHTML = '💣';
              gameOver();
            } else {
              const adjacentBombs = countAdjacentBombs(i);
              cell.style.backgroundColor = 'lightgray';
              cell.textContent = adjacentBombs;
              cell.removeEventListener('click', arguments.callee);
            }
          });

board.appendChild(cell);
          cells.push(cell);
        }
      };

// 指定された位置の周囲にある爆弾の数をカウント
      const countAdjacentBombs = (position) => {
        let count = 0;
        const neighbors = getNeighbors(position);

for (const neighbor of neighbors) {
          if (bombs.includes(neighbor)) {
            count++;
          }
        }
        
        return count;
      };

// 指定された位置のボード上での近くの位置を取得
      const getNeighbors = (position) => {
        const row = Math.floor(position / boardSize);
        const col = position - row * boardSize;
        const offsets = [-1, 0, 1];
        const neighbors = [];

for (const rowOffset of offsets) {
          for (const colOffset of offsets) {
            const newRow = row + rowOffset;
            const newCol = col + colOffset;

if (newRow >= 0 && newRow < boardSize && newCol >= 0 && newCol < boardSize) {
              neighbors.push(newRow * boardSize + newCol);
            }
          }
        }
        
        return neighbors;
      };

// ゲームオーバーの処理
      const gameOver = () => {
        for (const cell of cells) {
          cell.style.pointerEvents = 'none';
          cell.removeEventListener('click', arguments.callee);
        }
      };

initializeGame();
    });
  </script>
</body>
</html>
```