const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const tileSize = 50; const padding = 10; const boardSize = 6; let board = []; initializeBoard(); spawnNumber(); spawnNumber(); drawBoard(); document.addEventListener('keydown', function(event) { if (event.key === 'ArrowUp') { moveUp(); } else if (event.key === 'ArrowDown') { moveDown(); } else if (event.key === 'ArrowLeft') { moveLeft(); } else if (event.key === 'ArrowRight') { moveRight(); } drawBoard(); }); function initializeBoard() { for (let i = 0; i < boardSize; i++) { board[i] = []; for (let j = 0; j < boardSize; j++) { board[i][j] = 0; } } } function drawBoard() { ctx.clearRect(0, 0, canvas.width, canvas.height); for (let i = 0; i < boardSize; i++) { for (let j = 0; j < boardSize; j++) { ctx.fillStyle = '#eee'; ctx.fillRect(j * (tileSize + padding), i * (tileSize + padding), tileSize, tileSize); if (board[i][j] !== 0) { ctx.fillStyle = '#000'; ctx.font = '20px Arial'; ctx.fillText(board[i][j], j * (tileSize + padding) + 20, i * (tileSize + padding) + 30); } } } } function spawnNumber() { const emptyTiles = []; for (let i = 0; i < boardSize; i++) { for (let j = 0; j < boardSize; j++) { if (board[i][j] === 0) { emptyTiles.push({i, j}); } } } const {i, j} = emptyTiles[Math.floor(Math.random() * emptyTiles.length)]; board[i][j] = Math.random() < 0.9 ? 2 : 4; } function moveUp() { for (let j = 0; j < boardSize; j++) { let stack = []; for (let i = 0; i < boardSize; i++) { if (board[i][j] !== 0) { stack.push(board[i][j]); } } stack = merge(stack); for (let i = 0; i < boardSize; i++) { board[i][j] = stack[i] || 0; } } spawnNumber(); } function moveDown() { for (let j = 0; j < boardSize; j++) { let stack = []; for (let i = boardSize - 1; i >= 0; i--) { if (board[i][j] !== 0) { stack.push(board[i][j]); } } stack = merge(stack); for (let i = boardSize - 1, k = 0; i >= 0; i--, k++) { board[i][j] = stack[k] || 0; } } spawnNumber(); } function moveLeft() { for (let i = 0; i < boardSize; i++) { let stack = []; for (let j = 0; j < boardSize; j++) { if (board[i][j] !== 0) { stack.push(board[i][j]); } } stack = merge(stack); for (let j = 0; j < boardSize; j++) { board[i][j] = stack[j] || 0; } } spawnNumber(); } function moveRight() { for (let i = 0; i < boardSize; i++) { let stack = []; for (let j = boardSize - 1; j >= 0; j--) { if (board[i][j] !== 0) { stack.push(board[i][j]); } } stack = merge(stack); for (let j = boardSize - 1, k = 0; j >= 0; j--, k++) { board[i][j] = stack[k] || 0; } } spawnNumber(); } function merge(stack) { for (let i = 0; i < stack.length - 1; i++) { if (stack[i] === stack[i + 1]) { stack[i] *= 2; stack.splice(i + 1, 1); stack.push(0); } } return stack; }

GPTgame

Sign up for free tokens!

2048 but its 6x6 instead of 4x4

GPTgame