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

No:43470

Make a minesweeper Game V2 Python Pro Version
Developer User19182｜Date and time 24/2/15 14:52:33
Build time 18.406 sec｜Game capacity 5.469KB｜

Script

Sure! Here's a Minesweeper game implemented as a single HTML file with JavaScript, enclosed in script tags:

Minesweeper Game

To play the game on a smartphone, simply open the HTML file in a browser on your smartphone. The game board will be displayed, and you can tap on each cell to uncover it. The objective of the game is to uncover all the cells without stepping on a mine. Good luck!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here's a Minesweeper game implemented as a single HTML file with JavaScript, enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Minesweeper Game</title>
  <style>
    .cell {
      width: 30px;
      height: 30px;
      border: 1px solid #000;
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      font-size: 20px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Minesweeper Game</h1>
  <div id="minesweeper"></div>
  
  <script>
    // Define game settings
    const rows = 8;
    const cols = 8;
    const totalMines = 10;
    
    // Create game board
    const board = [];
    const mines = [];
    
    // Function to initialize game board
    function init() {
      const minesweeper = document.getElementById('minesweeper');
      
      // Create cells
      for (let row = 0; row < rows; row++) {
        const rowArray = [];
        for (let col = 0; col < cols; col++) {
          const cell = document.createElement('div');
          cell.classList.add('cell');
          cell.dataset.row = row;
          cell.dataset.col = col;
          cell.addEventListener('click', onCellClick);
          rowArray.push(cell);
          minesweeper.appendChild(cell);
        }
        board.push(rowArray);
      }
      
      // Place mines
      let placedMines = 0;
      while (placedMines < totalMines) {
        const row = Math.floor(Math.random() * rows);
        const col = Math.floor(Math.random() * cols);
        
        if (!mines.includes(`${row},${col}`)) {
          mines.push(`${row},${col}`);
          placedMines++;
        }
      }
    }
    
    // Handle cell click event
    function onCellClick(event) {
      const cell = event.target;
      const row = parseInt(cell.dataset.row);
      const col = parseInt(cell.dataset.col);
      
      if (mines.includes(`${row},${col}`)) {
        // Game over: cell contains a mine
        cell.innerHTML = '💣';
        cell.style.backgroundColor = 'red';
        revealMines();
        disableGame();
        alert('Game over! You stepped on a mine.');
      } else {
        // Calculate surrounding mines count
        const surroundingMines = countSurroundingMines(row, col);
        cell.innerHTML = surroundingMines > 0 ? surroundingMines : '';
        cell.style.backgroundColor = '#ccc';
        cell.removeEventListener('click', onCellClick);
        
        if (surroundingMines === 0) {
          // Reveal neighboring cells if no surrounding mines
          revealNeighboringCells(row, col);
        }
        
        // Check for win condition
        if (checkWinCondition()) {
          revealMines();
          disableGame();
          alert('Congratulations! You won the game.');
        }
      }
    }
    
    // Function to reveal neighboring cells
    function revealNeighboringCells(row, col) {
      for (let i = -1; i <= 1; i++) {
        for (let j = -1; j <= 1; j++) {
          const newRow = row + i;
          const newCol = col + j;
          
          if (isValidCell(newRow, newCol)) {
            const cell = board[newRow][newCol];
            
            if (cell.innerHTML === '') {
              const surroundingMines = countSurroundingMines(newRow, newCol);
              cell.innerHTML = surroundingMines > 0 ? surroundingMines : '';
              cell.style.backgroundColor = '#ccc';
              cell.removeEventListener('click', onCellClick);
              
              if (surroundingMines === 0) {
                revealNeighboringCells(newRow, newCol);
              }
            }
          }
        }
      }
    }
    
    // Function to count surrounding mines for a given cell
    function countSurroundingMines(row, col) {
      let count = 0;
      
      for (let i = -1; i <= 1; i++) {
        for (let j = -1; j <= 1; j++) {
          const newRow = row + i;
          const newCol = col + j;
          
          if (isValidCell(newRow, newCol) && mines.includes(`${newRow},${newCol}`)) {
            count++;
          }
        }
      }
      
      return count;
    }
    
    // Function to check if a cell is valid
    function isValidCell(row, col) {
      return row >= 0 && row < rows && col >= 0 && col < cols;
    }
    
    // Function to reveal all mines
    function revealMines() {
      for (const mine of mines) {
        const [row, col] = mine.split(',');
        const cell = board[parseInt(row)][parseInt(col)];
        cell.innerHTML = '💣';
        cell.style.backgroundColor = 'red';
      }
    }
    
    // Function to disable game after game over or win
    function disableGame() {
      for (const rowArray of board) {
        for (const cell of rowArray) {
          cell.removeEventListener('click', onCellClick);
        }
      }
    }
    
    // Function to check win condition
    function checkWinCondition() {
      for (const rowArray of board) {
        for (const cell of rowArray) {
          if (cell.innerHTML === '' && !mines.includes(`${cell.dataset.row},${cell.dataset.col}`)) {
            return false;
          }
        }
      }
      return true;
    }
    
    // Start the game
    init();
  </script>
</body>
</html>
```