AI game creator

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

No:44651

←

Prev Next

→

Merge Game
Developer User19445｜Date and time 24/2/18 22:40:14
Build time 13.659 sec｜Game capacity 4.105KB｜

Script

←

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>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

const width = 4;
        const height = 4;
        const blockSize = 80;
        const board = [];

function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

for (let i = 0; i < width; i++) {
                for (let j = 0; j < height; j++) {
                    ctx.fillStyle = "#EFEFEF";
                    ctx.fillRect(i * blockSize, j * blockSize, blockSize, blockSize);
                    ctx.fillStyle = "#000000";
                    ctx.fillText(board[i][j], i * blockSize + blockSize / 2, j * blockSize + blockSize / 2);
                }
            }
        }

for (let j = 0; j < height - 1; j++) {
                for (let i = 0; i < width; i++) {
                    if (board[i][j] === board[i][j + 1] || board[i][j] === 0 || board[i][j + 1] === 0) {
                        return;
                    }
                }
            }

alert("Game Over!");
        }

window.addEventListener("keydown", function(event) {
            switch (event.key) {
                case "ArrowLeft":
                    mergeLeft();
                    checkGameOver();
                    break;
                case "ArrowRight":
                    mergeRight();
                    checkGameOver();
                    break;
                case "ArrowUp":
                    mergeUp();
                    checkGameOver();
                    break;
                case "ArrowDown":
                    mergeDown();
                    checkGameOver();
                    break;
            }

draw();
        });

init();
        draw();
    </script>
</body>
</html>