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

No:28632

←

Prev Next

→

マージゲーム
Developer うにょUser14145｜Date and time 23/12/13 14:52:18
Build time 111.068 sec｜Game capacity 7.822KB｜

Script

Merge Game

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Merge Game</title>
    <style>
        body {
            background-color: #eee;
            text-align: center;
        }

#board {
            margin: 50px auto;
            background-color: #ddd;
            padding: 20px;
            border-radius: 5px;
            display: inline-block;
        }

.cell {
            width: 100px;
            height: 100px;
            background-color: #fff;
            display: inline-block;
            margin: 10px;
            text-align: center;
            line-height: 100px;
            font-size: 30px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Merge Game</h1>

// ゲーム盤のデータ
        let board = [];

// 初期化
        function init() {
            board = new Array(BOARD_SIZE);
            for (let i = 0; i < BOARD_SIZE; i++) {
                board[i] = new Array(BOARD_SIZE);
                for (let j = 0; j < BOARD_SIZE; j++) {
                    board[i][j] = 0;
                }
            }

addRandomNumber();
            addRandomNumber();
            renderBoard();
        }

// 数字の追加
        function addRandomNumber() {
            let options = [];
            for (let i = 0; i < BOARD_SIZE; i++) {
                for (let j = 0; j < BOARD_SIZE; j++) {
                    if (board[i][j] === 0) {
                        options.push({ x: i, y: j });
                    }
                }
            }

if (options.length > 0) {
                const { x, y } = options[Math.floor(Math.random() * options.length)];
                board[x][y] = Math.random() < 0.5 ? 2 : 4;
            }
        }

// ゲーム盤の描画
        function renderBoard() {
            const boardElement = document.getElementById('board');
            boardElement.innerHTML = '';

for (let i = 0; i < BOARD_SIZE; i++) {
                for (let j = 0; j < BOARD_SIZE; j++) {
                    const cellElement = document.createElement('div');
                    cellElement.classList.add('cell');
                    cellElement.textContent = board[i][j] !== 0 ? board[i][j] : '';

// 数字の色付け
                    if (board[i][j] >= 8) {
                        cellElement.style.backgroundColor = '#fad961';
                    } else if (board[i][j] >= 4) {
                        cellElement.style.backgroundColor = '#f2b375';
                    } else if (board[i][j] >= 2) {
                        cellElement.style.backgroundColor = '#f5a657';
                    }

boardElement.appendChild(cellElement);
                }
            }
        }

// ゲームの状態チェック
        function checkGameState() {
            // ゲームが終了したかどうかの判定
            for (let i = 0; i < BOARD_SIZE; i++) {
                for (let j = 0; j < BOARD_SIZE; j++) {
                    if (board[i][j] === 2048) {
                        gameEnd(true);
                        return;
                    }
                }
            }

// ゲームが続行可能かの判定
            for (let i = 0; i < BOARD_SIZE; i++) {
                for (let j = 0; j < BOARD_SIZE; j++) {
                    if (board[i][j] === 0) {
                        return;
                    }
                    if (i < BOARD_SIZE - 1 && board[i][j] === board[i + 1][j]) {
                        return;
                    }
                    if (j < BOARD_SIZE - 1 && board[i][j] === board[i][j + 1]) {
                        return;
                    }
                }
            }

gameEnd(false);
        }

// ゲーム終了
        function gameEnd(won) {
            const message = won ? 'You win!' : 'Game over!';
            alert(message);
            init();
        }

// ゲーム開始
        function startGame() {
            init();
        }

// 数字のマージ
        function mergeNumbers() {
            for (let i = 0; i < BOARD_SIZE; i++) {
                for (let j = 0; j < BOARD_SIZE - 1; j++) {
                    if (board[i][j] === board[i][j + 1]) {
                        board[i][j] *= 2;
                        board[i][j + 1] = 0;
                    }
                }
            }
        }

// 方向キーの入力処理
        function handleKeyEvent(event) {
            switch (event.key) {
                case 'ArrowUp':
                    moveUp();
                    mergeNumbers();
                    moveUp();
                    break;
                case 'ArrowDown':
                    moveDown();
                    mergeNumbers();
                    moveDown();
                    break;
                case 'ArrowLeft':
                    moveLeft();
                    mergeNumbers();
                    moveLeft();
                    break;
                case 'ArrowRight':
                    moveRight();
                    mergeNumbers();
                    moveRight();
                    break;
            }

addRandomNumber();
            renderBoard();
            checkGameState();
        }

// 上へ移動
        function moveUp() {
            for (let j = 0; j < BOARD_SIZE; j++) {
                for (let i = 1; i < BOARD_SIZE; i++) {
                    if (board[i][j] !== 0) {
                        let row = i;
                        while (row > 0 && board[row - 1][j] === 0) {
                            board[row - 1][j] = board[row][j];
                            board[row][j] = 0;
                            row--;
                        }
                    }
                }
            }
        }

// 下へ移動
        function moveDown() {
            for (let j = 0; j < BOARD_SIZE; j++) {
                for (let i = BOARD_SIZE - 2; i >= 0; i--) {
                    if (board[i][j] !== 0) {
                        let row = i;
                        while (row < BOARD_SIZE - 1 && board[row + 1][j] === 0) {
                            board[row + 1][j] = board[row][j];
                            board[row][j] = 0;
                            row++;
                        }
                    }
                }
            }
        }

// 左へ移動
        function moveLeft() {
            for (let i = 0; i < BOARD_SIZE; i++) {
                for (let j = 1; j < BOARD_SIZE; j++) {
                    if (board[i][j] !== 0) {
                        let col = j;
                        while (col > 0 && board[i][col - 1] === 0) {
                            board[i][col - 1] = board[i][col];
                            board[i][col] = 0;
                            col--;
                        }
                    }
                }
            }
        }

// 右へ移動
        function moveRight() {
            for (let i = 0; i < BOARD_SIZE; i++) {
                for (let j = BOARD_SIZE - 2; j >= 0; j--) {
                    if (board[i][j] !== 0) {
                        let col = j;
                        while (col < BOARD_SIZE - 1 && board[i][col + 1] === 0) {
                            board[i][col + 1] = board[i][col];
                            board[i][col] = 0;
                            col++;
                        }
                    }
                }
            }
        }

// イベントリスナーの設定
        window.addEventListener('keydown', handleKeyEvent);

// ゲーム開始
        startGame();
    </script>
</body>
</html>