AI game creator

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

No:10476

1236

←

Prev Next

→

minesweeper
Developer User4376｜Date and time 23/7/31 16:58:38
Build time 61.061 sec｜Game capacity 7.197KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!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 {
            display: inline-block;
            width: 30px;
            height: 30px;
            text-align: center;
            background-color: #ddd;
            border: 1px solid #777;
        }
        .hidden {
            background-color: #777;
            color: #777;
        }
        .flagged {
            background-color: orange;
            color: orange;
        }
        .revealed {
            background-color: lightgray;
            color: lightgray;
        }
    </style>
</head>
<body>
    <div id="gameBoard"></div>

const board = createBoard();
        const gameBoard = document.getElementById('gameBoard');

// ゲームボードの初期化
        function createBoard() {
            const board = [];
            for (let i = 0; i < SIZE; i++) {
                const row = [];
                for (let j = 0; j < SIZE; j++) {
                    row.push({ mine: false, revealed: false, flagged: false });
                }
                board.push(row);
            }
            placeMines(board);
            return board;
        }

// 地雷の配置
        function placeMines(board) {
            let count = 0;
            while (count < NUM_MINES) {
                const x = Math.floor(Math.random() * SIZE);
                const y = Math.floor(Math.random() * SIZE);

if (!board[x][y].mine) {
                    board[x][y].mine = true;
                    count++;
                }
            }
        }

// ゲームボードの描画
        function drawBoard() {
            gameBoard.innerHTML = '';
            for (let i = 0; i < SIZE; i++) {
                for (let j = 0; j < SIZE; j++) {
                    const cell = document.createElement('div');
                    cell.classList.add('cell');
                    cell.dataset.x = i;
                    cell.dataset.y = j;
                    cell.addEventListener('click', handleCellClick);
                    cell.addEventListener('contextmenu', handleCellFlag);
                    gameBoard.appendChild(cell);
                }
                gameBoard.appendChild(document.createElement('br'));
            }
        }

// ゲームボードの更新
        function updateBoard() {
            const cells = gameBoard.getElementsByTagName('div');
            for (const cell of cells) {
                const x = Number(cell.dataset.x);
                const y = Number(cell.dataset.y);
                const { mine, revealed, flagged } = board[x][y];

if (flagged) {
                    cell.innerHTML = '🚩';
                    cell.classList.add('flagged');
                } else if (revealed) {
                    if (mine) {
                        cell.innerHTML = '💣';
                    } else {
                        const count = countAdjacentMines(x, y);
                        cell.innerHTML = count > 0 ? count : '';
                    }
                    cell.classList.add('revealed');
                } else {
                    cell.innerHTML = '';
                    cell.classList.remove('flagged', 'revealed');
                    if (gameOver) {
                        if (mine) {
                            cell.innerHTML = '💣';
                        }
                    }
                }
            }
        }

// クリックイベントの処理
        function handleCellClick(event) {
            const x = Number(event.target.dataset.x);
            const y = Number(event.target.dataset.y);

if (board[x][y].flagged || board[x][y].revealed) {
                return;
            }

if (board[x][y].mine) {
                showAllMines();
                alert('Game Over!');
                resetGame();
                return;
            }

revealCell(x, y);

if (checkWin()) {
                alert('Congratulations! You Win!');
                resetGame();
            }
        }

// フラグイベントの処理
        function handleCellFlag(event) {
            event.preventDefault();

const x = Number(event.target.dataset.x);
            const y = Number(event.target.dataset.y);

if (board[x][y].revealed) {
                return;
            }

board[x][y].flagged = !board[x][y].flagged;
            updateBoard();
        }

// セルの周囲の地雷数をカウント
        function countAdjacentMines(x, y) {
            let count = 0;
            for (let dx = -1; dx <= 1; dx++) {
                for (let dy = -1; dy <= 1; dy++) {
                    const newX = x + dx;
                    const newY = y + dy;

if (newX >= 0 && newX < SIZE && newY >= 0 && newY < SIZE && board[newX][newY].mine) {
                        count++;
                    }
                }
            }
            return count;
        }

// セルの再帰的な表示
        function revealCell(x, y) {
            if (x < 0 || x >= SIZE || y < 0 || y >= SIZE || board[x][y].revealed || board[x][y].flagged) {
                return;
            }

board[x][y].revealed = true;
            updateBoard();

if (countAdjacentMines(x, y) === 0) {
                for (let dx = -1; dx <= 1; dx++) {
                    for (let dy = -1; dy <= 1; dy++) {
                        const newX = x + dx;
                        const newY = y + dy;

if (newX >= 0 && newX < SIZE && newY >= 0 && newY < SIZE) {
                            revealCell(newX, newY);
                        }
                    }
                }
            }
        }

// 地雷の表示
        function showAllMines() {
            for (let i = 0; i < SIZE; i++) {
                for (let j = 0; j < SIZE; j++) {
                    if (board[i][j].mine) {
                        board[i][j].revealed = true;
                    }
                }
            }
            updateBoard();
        }

// 勝利のチェック
        function checkWin() {
            for (let i = 0; i < SIZE; i++) {
                for (let j = 0; j < SIZE; j++) {
                    if (!board[i][j].mine && !board[i][j].revealed) {
                        return false;
                    }
                }
            }
            return true;
        }

// ゲームのリセット
        function resetGame() {
            for (let i = 0; i < SIZE; i++) {
                for (let j = 0; j < SIZE; j++) {
                    board[i][j].mine = false;
                    board[i][j].revealed = false;
                    board[i][j].flagged = false;
                }
            }
            placeMines(board);
            updateBoard();
        }

drawBoard();
    </script>
</body>
</html>