AI game creator

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

No:46057

159

←

Prev Next

→

Merge Game
Developer User19224｜Date and time 24/2/23 0:46:32
Build time 7.691 sec｜Game capacity 1.789KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<html>
<head>
    <title>Merge Game</title>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

let numbers = [2, 4, 8, 16];
        let colors = ['#FF6347', '#66CDAA', '#FFD700', '#9370DB'];

function drawNumber(x, y, num, color) {
            ctx.fillStyle = color;
            ctx.fillRect(x, y, 50, 50);

ctx.fillStyle = 'black';
            ctx.font = '30px Arial';
            ctx.textAlign = 'center';
            ctx.fillText(num, x + 25, y + 30);
        }

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

let x = 0;
            let y = 0;
            for (let i = 0; i < numbers.length; i++) {
                drawNumber(x, y, numbers[i], colors[Math.log2(numbers[i]) - 1]);
                x += 50;
                if (x >= 400) {
                    x = 0;
                    y += 50;
                }
            }
        }

function keyPressed(e) {
            if (e.key === 'ArrowUp') {
                numbers = mergeNumbers();
                drawGame();
            }
        }

window.addEventListener('keydown', keyPressed);

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