AI game creator

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

No:51721

203

←

Prev Next

→

2048
Developer User18906｜Date and time 24/3/15 20:54:33
Build time 8.498 sec｜Game capacity 1.904KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>2048 Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

const ROWS = 4;
        const COLS = 4;
        const TILE_SIZE = 80;
        const TILE_MARGIN = 10;
        const BOARD_PADDING = 20;

const board = new Array(ROWS).fill().map(() => new Array(COLS).fill(0));

function drawTile(row, col, value) {
            const x = BOARD_PADDING + col * (TILE_SIZE + TILE_MARGIN);
            const y = BOARD_PADDING + row * (TILE_SIZE + TILE_MARGIN);

ctx.fillStyle = '#ffffff';
            ctx.fillRect(x, y, TILE_SIZE, TILE_SIZE);

ctx.fillStyle = '#000000';
            ctx.font = '32px Arial';
            ctx.textAlign = 'center';
            ctx.textBaseline = 'middle';
            ctx.fillText(value, x + TILE_SIZE / 2, y + TILE_SIZE / 2);
        }

function drawBoard() {
            ctx.fillStyle = '#bfbfbf';
            ctx.fillRect(0, 0, canvas.width, canvas.height);

for (let i = 0; i < ROWS; i++) {
                for (let j = 0; j < COLS; j++) {
                    if (board[i][j] !== 0) {
                        drawTile(i, j, board[i][j]);
                    }
                }
            }
        }

window.addEventListener('keydown', (event) => {
            if (event.key === 'ArrowUp') {
                // Move tiles up
            } else if (event.key === 'ArrowDown') {
                // Move tiles down
            } else if (event.key === 'ArrowLeft') {
                // Move tiles left
            } else if (event.key === 'ArrowRight') {
                // Move tiles right
            }

drawBoard();
        });

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