const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const tileSize = 100; const boardSize = 4; const board = []; function initializeBoard() { for (let i = 0; i < boardSize; i++) { board[i] = []; for (let j = 0; j < boardSize; j++) { board[i][j] = 0; } } } function drawTile(x, y, value) { ctx.fillStyle = getColor(value); ctx.fillRect(x * tileSize, y * tileSize, tileSize, tileSize); ctx.fillStyle = '#000000'; ctx.font = 'bold 32px Arial'; ctx.textAlign = 'center'; ctx.textBaseline = 'middle'; ctx.fillText(value, x * tileSize + tileSize / 2, y * tileSize + tileSize / 2); } function drawBoard() { ctx.clearRect(0, 0, canvas.width, canvas.height); for (let i = 0; i < boardSize; i++) { for (let j = 0; j < boardSize; j++) { drawTile(j, i, board[i][j]); } } } function getColor(value) { switch (value) { case 2: return '#EEE4DA'; case 4: return '#EDE0C8'; case 8: return '#F2B179'; case 16: return '#F59563'; case 32: return '#F67C5F'; case 64: return '#F65E3B'; case 128: return '#EDCF72'; case 256: return '#EDCC61'; case 512: return '#EDC850'; case 1024: return '#EDC53F'; case 2048: return '#EDC22E'; case 4096: return '#3E3933'; case 8192: return '#3E3933'; default: return '#CDC1B4'; } } function getRandomPosition() { const emptyTiles = []; for (let i = 0; i < boardSize; i++) { for (let j = 0; j < boardSize; j++) { if (board[i][j] === 0) { emptyTiles.push({ x: j, y: i }); } } } if (emptyTiles.length > 0) { const randomIndex = Math.floor(Math.random() * emptyTiles.length); return emptyTiles[randomIndex]; } return null; } function placeRandomTile() { const position = getRandomPosition(); if (position !== null) { const value = Math.random() < 0.9 ? 2 : 4; board[position.y][position.x] = value; } } function moveTiles(direction) { let moved = false; let merged = false; function moveRowLeft(row) { let moved = false; let merged = false; const newRow = []; for (let i = 0; i < boardSize; i++) { if (row[i] !== 0) { let j = i - 1; while (j >= 0 && row[j] === 0) { j--; } if (j >= 0 && row[j] === row[i] && !merged[j]) { newRow[j] = row[j] * 2; merged[j] = true; moved = true; } else { newRow[i] = row[i]; moved = moved || i !== j + 1; } } } return { newRow, moved }; } function moveRowRight(row) { let moved = false; let merged = false; const newRow = []; for (let i = boardSize - 1; i >= 0; i--) { if (row[i] !== 0) { let j = i + 1; while (j < boardSize && row[j] === 0) { j++; } if (j < boardSize && row[j] === row[i] && !merged[j]) { newRow[j] = row[j] * 2; merged[j] = true; moved = true; } else { newRow[i] = row[i]; moved = moved || i !== j - 1; } } } return { newRow, moved }; } function moveUp() { let moved = false; for (let j = 0; j < boardSize; j++) { const column = []; for (let i = 0; i < boardSize; i++) { column.push(board[i][j]); } const { newRow, movedRow } = moveRowLeft(column); moved = moved || movedRow; for (let i = 0; i < boardSize; i++) { board[i][j] = newRow[i] || 0; } } return moved; } function moveDown() { let moved = false; for (let j = 0; j < boardSize; j++) { const column = []; for (let i = boardSize - 1; i >= 0; i--) { column.push(board[i][j]); } const { newRow, movedRow } = moveRowRight(column); moved = moved || movedRow; for (let i = boardSize - 1; i >= 0; i--) { board[i][j] = newRow[boardSize - 1 - i] || 0; } } return moved; } function moveLeft() { let moved = false; for (let i = 0; i < boardSize; i++) { const { newRow, movedRow } = moveRowLeft(board[i]); moved = moved || movedRow; board[i] = newRow; } return moved; } function moveRight() { let moved = false; for (let i = 0; i < boardSize; i++) { const { newRow, movedRow } = moveRowRight(board[i]); moved = moved || movedRow; board[i] = newRow; } return moved; } switch (direction) { case 'up': moved = moveUp(); break; case 'down': moved = moveDown(); break; case 'left': moved = moveLeft(); break; case 'right': moved = moveRight(); break; } return moved; } function checkGameOver() { for (let i = 0; i < boardSize; i++) { for (let j = 0; j < boardSize; j++) { if (board[i][j] === 0) { return false; } if (i > 0 && board[i][j] === board[i - 1][j]) { return false; } if (i < boardSize - 1 && board[i][j] === board[i + 1][j]) { return false; } if (j > 0 && board[i][j] === board[i][j - 1]) { return false; } if (j < boardSize - 1 && board[i][j] === board[i][j + 1]) { return false; } } } return true; } function handleKeyDown(event) { if (event.key === 'ArrowUp') { if (moveTiles('up')) { placeRandomTile(); } } else if (event.key === 'ArrowDown') { if (moveTiles('down')) { placeRandomTile(); } } else if (event.key === 'ArrowLeft') { if (moveTiles('left')) { placeRandomTile(); } } else if (event.key === 'ArrowRight') { if (moveTiles('right')) { placeRandomTile(); } } drawBoard(); if (checkGameOver()) { document.removeEventListener('keydown', handleKeyDown); alert('Game Over!'); } } function startGame() { initializeBoard(); placeRandomTile(); placeRandomTile(); drawBoard(); document.addEventListener('keydown', handleKeyDown); } startGame();

GPTgame

Sign up for free tokens!

2048 (Get the 8192 Tile!)

GPTgame