const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const gridSize = 4; const tileSize = canvas.width / gridSize; let board = new Array(gridSize); for (let i = 0; i < gridSize; i++) { board[i] = new Array(gridSize).fill(0); } function drawTile(x, y, value) { ctx.beginPath(); ctx.rect(x * tileSize, y * tileSize, tileSize, tileSize); ctx.fillStyle = getColor(value); ctx.fill(); if (value) { ctx.font = "30px Arial"; ctx.fillStyle = "white"; ctx.textAlign = "center"; ctx.fillText(value, x * tileSize + tileSize / 2, y * tileSize + tileSize / 2 + 10); } } function getColor(value) { switch (value) { case 2: return "#FF6347"; case 4: return "#FFA07A"; case 8: return "#FFD700"; case 16: return "#ADFF2F"; case 32: return "#20B2AA"; case 64: return "#1E90FF"; case 128: return "#8A2BE2"; case 256: return "#FF69B4"; case 512: return "#FF4500"; case 1024: return "#FFD700"; case 2048: return "#FF6347"; default: return "#D3D3D3"; } } function drawBoard() { for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { drawTile(j, i, board[i][j]); } } } function addTile() { let options = []; for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { if (board[i][j] === 0) { options.push({ x: j, y: i }); } } } if (options.length > 0) { let spot = options[Math.floor(Math.random() * options.length)]; let r = Math.random(); board[spot.y][spot.x] = r > 0.1 ? 2 : 4; } } function combineTiles(row) { for (let i = 0; i < row.length - 1; i++) { if (row[i] === row[i + 1]) { row[i] *= 2; row[i + 1] = 0; } } return row; } function moveLeft() { for (let i = 0; i < gridSize; i++) { board[i] = combineTiles(board[i].filter(num => num)); while (board[i].length < gridSize) { board[i].unshift(0); } } } function moveRight() { for (let i = 0; i < gridSize; i++) { board[i] = combineTiles(board[i].filter(num => num).reverse()).reverse(); while (board[i].length < gridSize) { board[i].push(0); } } } function moveUp() { for (let i = 0; i < gridSize; i++) { let col = board.map(row => row[i]); col = combineTiles(col.filter(num => num)); for (let j = 0; j < gridSize; j++) { board[j][i] = col[j] || 0; } } } function moveDown() { for (let i = 0; i < gridSize; i++) { let col = board.map(row => row[i]); col = combineTiles(col.filter(num => num).reverse()).reverse(); for (let j = 0; j < gridSize; j++) { board[j][i] = col[j] || 0; } } } function isGameOver() { for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { if (board[i][j] === 0) { return false; } if (i !== gridSize - 1 && board[i][j] === board[i + 1][j]) { return false; } if (j !== gridSize - 1 && board[i][j] === board[i][j + 1]) { return false; } } } return true; } function handleKeyPress(event) { if (isGameOver()) { return; } switch (event.key) { case "ArrowUp": moveUp(); break; case "ArrowDown": moveDown(); break; case "ArrowLeft": moveLeft(); break; case "ArrowRight": moveRight(); break; } addTile(); drawBoard(); if (isGameOver()) { console.log("Game Over!"); } } document.addEventListener('keydown', handleKeyPress); addTile(); addTile(); drawBoard();

GPTgame

Sign up for free tokens!

2048 but every number can be combined with every number

GPTgame