AI game creator

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

No:22020

←

Prev Next

→

Minesweper demo
Developer User10166｜Date and time 23/10/20 0:07:19
Build time 145.217 sec｜Game capacity 4.32KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Minesweeper</title>
</head>
<body>
  <script>
    // Define the grid size
    const gridSize = 8;

// Create an empty grid
    const grid = [];
    for (let i = 0; i < gridSize; i++) {
      grid[i] = [];
      for (let j = 0; j < gridSize; j++) {
        grid[i][j] = {
          isMine: false,
          isRevealed: false,
          numNeighboringMines: 0
        };
      }
    }

// Generate random mine positions
    const numMines = Math.floor(gridSize * gridSize * 0.15);
    for (let i = 0; i < numMines; i++) {
      let randX = Math.floor(Math.random() * gridSize);
      let randY = Math.floor(Math.random() * gridSize);
      grid[randX][randY].isMine = true;
    }

// Calculate the number of neighboring mines for each cell
    for (let i = 0; i < gridSize; i++) {
      for (let j = 0; j < gridSize; j++) {
        if (!grid[i][j].isMine) {
          let count = 0;
          for (let dx = -1; dx <= 1; dx++) {
            for (let dy = -1; dy <= 1; dy++) {
              let ni = i + dx;
              let nj = j + dy;
              if (ni >= 0 && ni < gridSize && nj >= 0 && nj < gridSize) {
                count += grid[ni][nj].isMine ? 1 : 0;
              }
            }
          }
          grid[i][j].numNeighboringMines = count;
        }
      }
    }

// Function to reveal a cell
    function revealCell(x, y) {
      if (grid[x][y].isRevealed) {
        return;
      }

grid[x][y].isRevealed = true;

if (grid[x][y].isMine) {
        alert("Game Over!");
        location.reload();
      }

// If the cell has no neighboring mines, reveal all its neighbors
      if (grid[x][y].numNeighboringMines === 0) {
        for (let dx = -1; dx <= 1; dx++) {
          for (let dy = -1; dy <= 1; dy++) {
            let ni = x + dx;
            let nj = y + dy;
            if (ni >= 0 && ni < gridSize && nj >= 0 && nj < gridSize) {
              revealCell(ni, nj);
            }
          }
        }
      }

// Check if the player won
      let numUnrevealedCells = 0;
      for (let i = 0; i < gridSize; i++) {
        for (let j = 0; j < gridSize; j++) {
          if (!grid[i][j].isRevealed && !grid[i][j].isMine) {
            numUnrevealedCells++;
          }
        }
      }

if (numUnrevealedCells === 0) {
        alert("Congratulations! You win!");
        location.reload();
      }
    }

// Function to toggle flag on a cell
    function toggleFlag(x, y) {
      grid[x][y].isFlagged = !grid[x][y].isFlagged;
    }

// Function to render the game
    function renderGame() {
      const gameContainer = document.createElement('div');
      gameContainer.style.display = 'grid';
      gameContainer.style.gridTemplateColumns = `repeat(${gridSize}, 50px)`;
      gameContainer.style.gridTemplateRows = `repeat(${gridSize}, 50px)`;

for (let i = 0; i < gridSize; i++) {
        for (let j = 0; j < gridSize; j++) {
          const cell = document.createElement('div');
          const symbol = document.createElement('span');
          cell.style.border = '1px solid gray';
          cell.style.backgroundColor = 'lightgray';
          cell.style.display = 'flex';
          cell.style.justifyContent = 'center';
          cell.style.alignItems = 'center';
          cell.style.fontSize = '24px';
          cell.style.cursor = 'pointer';

if (grid[i][j].isRevealed) {
            if (grid[i][j].isMine) {
              symbol.textContent = '💣';
            } else {
              symbol.textContent = grid[i][j].numNeighboringMines > 0 ? grid[i][j].numNeighboringMines : '';
            }
            cell.style.backgroundColor = 'white';
          } else if (grid[i][j].isFlagged) {
            cell.style.backgroundColor = 'yellow';
            symbol.textContent = '🚩';
          }

cell.addEventListener('click', () => revealCell(i, j));
          cell.addEventListener('contextmenu', (e) => {
            e.preventDefault();
            toggleFlag(i, j);
            renderGame();
          });

cell.appendChild(symbol);
          gameContainer.appendChild(cell);
        }
      }

document.body.innerHTML = '';
      document.body.appendChild(gameContainer);
    }

// Start the game
    renderGame();
  </script>
</body>
</html>