const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const grid = []; const gridSize = 4; const cellSize = canvas.width / gridSize; function drawGrid() { ctx.clearRect(0, 0, canvas.width, canvas.height); for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { const value = grid[i][j]; const x = j * cellSize; const y = i * cellSize; ctx.fillStyle = '#eee'; ctx.fillRect(x, y, cellSize, cellSize); if (value !== 0) { ctx.fillStyle = '#000'; ctx.font = 'bold 24px Arial'; ctx.fillText(value, x + cellSize / 2, y + cellSize / 2); } } } } function getRandomEmptyCell() { const emptyCells = []; for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { if (grid[i][j] === 0) { emptyCells.push({ row: i, col: j }); } } } if (emptyCells.length === 0) { return null; } const randomIndex = Math.floor(Math.random() * emptyCells.length); return emptyCells[randomIndex]; } function addRandomTile() { const emptyCell = getRandomEmptyCell(); if (emptyCell !== null) { const value = Math.random() < 0.9 ? 2 : 4; grid[emptyCell.row][emptyCell.col] = value; } } function initializeGrid() { for (let i = 0; i < gridSize; i++) { grid[i] = []; for (let j = 0; j < gridSize; j++) { grid[i][j] = 0; } } addRandomTile(); addRandomTile(); } function moveTiles(direction) { let moved = false; switch (direction) { case 'up': for (let j = 0; j < gridSize; j++) { for (let i = 1; i < gridSize; i++) { if (grid[i][j] !== 0) { let k = i; while (k > 0 && grid[k - 1][j] === 0) { grid[k - 1][j] = grid[k][j]; grid[k][j] = 0; k--; moved = true; } if (k > 0 && grid[k - 1][j] === grid[k][j]) { grid[k - 1][j] *= 2; grid[k][j] = 0; moved = true; } } } } break; case 'down': for (let j = 0; j < gridSize; j++) { for (let i = gridSize - 2; i >= 0; i--) { if (grid[i][j] !== 0) { let k = i; while (k < gridSize - 1 && grid[k + 1][j] === 0) { grid[k + 1][j] = grid[k][j]; grid[k][j] = 0; k++; moved = true; } if (k < gridSize - 1 && grid[k + 1][j] === grid[k][j]) { grid[k + 1][j] *= 2; grid[k][j] = 0; moved = true; } } } } break; case 'left': for (let i = 0; i < gridSize; i++) { for (let j = 1; j < gridSize; j++) { if (grid[i][j] !== 0) { let k = j; while (k > 0 && grid[i][k - 1] === 0) { grid[i][k - 1] = grid[i][k]; grid[i][k] = 0; k--; moved = true; } if (k > 0 && grid[i][k - 1] === grid[i][k]) { grid[i][k - 1] *= 2; grid[i][k] = 0; moved = true; } } } } break; case 'right': for (let i = 0; i < gridSize; i++) { for (let j = gridSize - 2; j >= 0; j--) { if (grid[i][j] !== 0) { let k = j; while (k < gridSize - 1 && grid[i][k + 1] === 0) { grid[i][k + 1] = grid[i][k]; grid[i][k] = 0; k++; moved = true; } if (k < gridSize - 1 && grid[i][k + 1] === grid[i][k]) { grid[i][k + 1] *= 2; grid[i][k] = 0; moved = true; } } } } break; } return moved; } function checkGameOver() { for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { if (grid[i][j] === 0) { return false; } if (i > 0 && grid[i][j] === grid[i - 1][j]) { return false; } if (i < gridSize - 1 && grid[i][j] === grid[i + 1][j]) { return false; } if (j > 0 && grid[i][j] === grid[i][j - 1]) { return false; } if (j < gridSize - 1 && grid[i][j] === grid[i][j + 1]) { return false; } } } return true; } function playGame() { initializeGrid(); drawGrid(); document.addEventListener('keydown', function(event) { if (event.key === 'ArrowUp') { if (moveTiles('up')) { addRandomTile(); drawGrid(); if (checkGameOver()) { console.log('Game Over'); } } } else if (event.key === 'ArrowDown') { if (moveTiles('down')) { addRandomTile(); drawGrid(); if (checkGameOver()) { console.log('Game Over'); } } } else if (event.key === 'ArrowLeft') { if (moveTiles('left')) { addRandomTile(); drawGrid(); if (checkGameOver()) { console.log('Game Over'); } } } else if (event.key === 'ArrowRight') { if (moveTiles('right')) { addRandomTile(); drawGrid(); if (checkGameOver()) { console.log('Game Over'); } } } }); } playGame();

GPTgame

Sign up for free tokens!

a 2048 game that plays itself

GPTgame