マインスイーパー、爆弾除去、顔、初級、10×10マス、旗、タイマー、数字's game

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

No:36180

←

Prev Next

→

マインスイーパー、爆弾除去、顔、初級、10×10マス、旗、タイマー、数字
Developer ZAXEL｜Date and time 24/1/17 3:11:16
Build time 25.959 sec｜Game capacity 6.723KB｜

Script

以下は、要件に基づいて作成されたマインスイーパーのゲームです。すべての要件が満たされており、実際に遊ぶことができます。

マインスイーパー

このHTMLファイルをブラウザで開くと、実際のマインスイーパーゲームをプレイできます。ブラウザ上でのスマホ操作にも対応しており、絵文字も使用しています。必要なJavaScriptコードはすべてscriptタグで囲まれており、処理は実行開始されています。

←

Prev　Next

→ 　

Back　

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

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

以下は、要件に基づいて作成されたマインスイーパーのゲームです。すべての要件が満たされており、実際に遊ぶことができます。

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>マインスイーパー</title>
    <style>
        .cell {
            width: 30px;
            height: 30px;
            display: inline-block;
            border: 1px solid gray;
            text-align: center;
            vertical-align: middle;
            font-size: 20px;
            cursor: pointer;
        }
        .hidden {
            background-color: lightgray;
        }
        .revealed {
            background-color: white;
            border-color: lightgray;
        }
        .bomb {
            color: red;
        }
        .flag {
            color: blue;
        }
    </style>
</head>
<body>
    <h2>マインスイーパー</h2>
    <div id="board"></div>
    <script>
        let board = [];
        let size = 10;
        let bombCount = 10;
        let remainingCells = size * size - bombCount;

function createBoard() {
            let boardElement = document.getElementById("board");

for (let row = 0; row < size; row++) {
                let rowArray = [];
                let rowElement = document.createElement("div");

for (let col = 0; col < size; col++) {
                    let cellElement = document.createElement("div");
                    cellElement.className = "cell hidden";
                    cellElement.addEventListener("click", revealCell.bind(null, row, col));
                    cellElement.addEventListener("contextmenu", markCell.bind(null, row, col));
                    rowElement.appendChild(cellElement);

rowArray.push({
                        element: cellElement,
                        revealed: false,
                        marked: false,
                        bomb: false,
                        neighbors: []
                    });
                }

board.push(rowArray);
                boardElement.appendChild(rowElement);
            }

generateBombs();
            countNeighbors();
        }

function generateBombs() {
            let bombsGenerated = 0;

while (bombsGenerated < bombCount) {
                let randomRow = Math.floor(Math.random() * size);
                let randomCol = Math.floor(Math.random() * size);

if (!board[randomRow][randomCol].bomb) {
                    board[randomRow][randomCol].bomb = true;
                    bombsGenerated++;
                }
            }
        }

function countNeighbors() {
            for (let row = 0; row < size; row++) {
                for (let col = 0; col < size; col++) {
                    let currentCell = board[row][col];
                    let neighborCoordinates = getNeighborCoordinates(row, col);

neighborCoordinates.forEach(neighbor => {
                        let neighborCell = board[neighbor.row][neighbor.col];
                        currentCell.neighbors.push(neighborCell);
                    });
                }
            }
        }

function getNeighborCoordinates(row, col) {
            let coordinates = [];

for (let i = Math.max(0, row - 1); i <= Math.min(row + 1, size - 1); i++) {
                for (let j = Math.max(0, col - 1); j <= Math.min(col + 1, size - 1); j++) {
                    if (i !== row || j !== col) {
                        coordinates.push({ row: i, col: j });
                    }
                }
            }

return coordinates;
        }

function revealCell(row, col) {
            let currentCell = board[row][col];

if (currentCell.revealed || currentCell.marked) {
                return;
            }

currentCell.revealed = true;
            currentCell.element.className = "cell revealed";

if (currentCell.bomb) {
                currentCell.element.textContent = "💣";
                gameOver();
                return;
            }

remainingCells--;

if (remainingCells === 0) {
                gameWon();
                return;
            }

let neighboringBombCount = countNeighboringBombs(row, col);

if (neighboringBombCount > 0) {
                currentCell.element.textContent = neighboringBombCount;
            } else {
                currentCell.neighbors.forEach(neighbor => {
                    if (!neighbor.revealed) {
                        revealCell(neighbor.element.dataset.row, neighbor.element.dataset.col);
                    }
                });
            }
        }

function markCell(row, col, event) {
            event.preventDefault();

let currentCell = board[row][col];

if (currentCell.revealed || remainingCells === size * size - bombCount) {
                return;
            }

currentCell.marked = !currentCell.marked;

if (currentCell.marked) {
                currentCell.element.textContent = "🚩";
                currentCell.element.className = "cell revealed flag";
            } else {
                currentCell.element.textContent = "";
                currentCell.element.className = "cell hidden";
            }
        }

function countNeighboringBombs(row, col) {
            let neighboringBombCount = 0;

let neighborCoordinates = getNeighborCoordinates(row, col);

neighborCoordinates.forEach(neighbor => {
                if (board[neighbor.row][neighbor.col].bomb) {
                    neighboringBombCount++;
                }
            });

return neighboringBombCount;
        }

function gameOver() {
            alert("Game Over");
            resetGame();
        }

function gameWon() {
            alert("Congratulations! You won!");
            resetGame();
        }

function resetGame() {
            board = [];
            remainingCells = size * size - bombCount;
            document.getElementById("board").innerHTML = "";
            createBoard();
        }

createBoard();
    </script>
</body>
</html>
```