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

No:12425

←

Prev Next

→

pumpkin bomb
Developer User4481｜Date and time 23/8/16 22:08:34
Build time 50.774 sec｜Game capacity 4.601KB｜

Script

了解です。以下に、スマートフォンで遊べるパンプキン爆弾ゲームの実装例を示します。

パンプキン爆弾

この例では、10x10のゲームボード上に10個の爆弾がランダムに配置されます。プレイヤーはセルをクリックして、そのセルが爆弾の場合はゲームオーバー、爆弾でない場合は周囲の爆弾の数が表示されます。全てのセルを開いた場合はゲームクリアとなります。注意点として、このゲームは実際の爆弾処理のルールを再現したものではなく、あくまでシンプルなゲームの実装例です。

←

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 {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #game {
      display: inline-block;
    }
    .cell {
      width: 40px;
      height: 40px;
      border: 1px solid gray;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>パンプキン爆弾</h1>
  <div id="game"></div>

let gameBoard = []; // ゲームボード

// ゲームの初期化
    function initializeGame() {
      // 初期化
      gameBoard = [];

// ゲームボードを生成
      for (let i = 0; i < gameSize; i++) {
        gameBoard[i] = [];
        for (let j = 0; j < gameSize; j++) {
          gameBoard[i][j] = {
            isBomb: false,
            isRevealed: false,
            isFlagged: false
          };
        }
      }

// 爆弾をランダムに配置
      let count = 0;
      while (count < bombCount) {
        const row = Math.floor(Math.random() * gameSize);
        const col = Math.floor(Math.random() * gameSize);
        if (!gameBoard[row][col].isBomb) {
          gameBoard[row][col].isBomb = true;
          count++;
        }
      }

renderGame();
    }

// ゲームの描画
    function renderGame() {
      const gameElement = document.getElementById('game');
      gameElement.innerHTML = '';

for (let i = 0; i < gameSize; i++) {
        for (let j = 0; j < gameSize; j++) {
          const cell = document.createElement('div');
          cell.classList.add('cell');
          cell.setAttribute('data-row', i);
          cell.setAttribute('data-col', j);
          cell.addEventListener('click', handleCellClick);
          gameElement.appendChild(cell);
        }
        gameElement.appendChild(document.createElement('br'));
      }
    }

// セルがクリックされた時の処理
    function handleCellClick(event) {
      const row = parseInt(event.target.getAttribute('data-row'));
      const col = parseInt(event.target.getAttribute('data-col'));

// セルの状態を更新
      if (!gameBoard[row][col].isRevealed) {
        gameBoard[row][col].isRevealed = true;

// ゲームオーバー判定
        if (gameBoard[row][col].isBomb) {
          event.target.innerText = '💣';
          setTimeout(() => {
            alert('ゲームオーバー！');
            initializeGame(); // ゲームの初期化
          }, 500);
        } else {
          // 周囲の爆弾の数をカウント
          const bombCount = countSurroundingBombs(row, col);
          event.target.innerText = bombCount > 0 ? bombCount : '';

// ゲームクリア判定
          const revealedCount = gameBoard.flat().filter(cell => cell.isRevealed).length;
          if (revealedCount === gameSize * gameSize - bombCount) {
            setTimeout(() => {
              alert('ゲームクリア！');
              initializeGame(); // ゲームの初期化
            }, 500);
          }
        }
      }
    }

// セルの周囲にある爆弾の数をカウントする
    function countSurroundingBombs(row, col) {
      const directions = [
        [-1, -1], [-1, 0], [-1, 1],
        [0, -1],           [0, 1],
        [1, -1],  [1, 0],  [1, 1]
      ];

return count;
    }

initializeGame(); // ゲームの初期化
  </script>
</body>
</html>
```

この例では、10x10のゲームボード上に10個の爆弾がランダムに配置されます。プレイヤーはセルをクリックして、そのセルが爆弾の場合はゲームオーバー、爆弾でない場合は周囲の爆弾の数が表示されます。全てのセルを開いた場合はゲームクリアとなります。

注意点として、このゲームは実際の爆弾処理のルールを再現したものではなく、あくまでシンプルなゲームの実装例です。