const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); let grid = Array(4).fill().map(() => Array(4).fill(0)); let score = 0; function addRandomTile() { let emptyTiles = []; for (let r = 0; r < 4; r++) { for (let c = 0; c < 4; c++) { if (grid[r][c] === 0) emptyTiles.push({ r, c }); } } if (emptyTiles.length > 0) { let { r, c } = emptyTiles[Math.floor(Math.random() * emptyTiles.length)]; grid[r][c] = Math.random() < 0.9 ? 2 : 4; } } function draw() { ctx.clearRect(0, 0, 300, 300); for (let r = 0; r < 4; r++) { for (let c = 0; c < 4; c++) { ctx.fillStyle = grid[r][c] ? rgb(${Math.log2(grid[r][c]) * 32}, 128, 128) : 'lightgrey'; ctx.fillRect(c * 75, r * 75, 75, 75); if (grid[r][c]) { ctx.fillStyle = 'black'; ctx.font = '30px Arial'; ctx.fillText(grid[r][c], c * 75 + 25, r * 75 + 50); } } } } function slide(row) { let arr = row.filter(val => val); let missing = 4 - arr.length; let zeros = Array(missing).fill(0); return arr.concat(zeros); } function combine(row) { for (let i = 0; i < 3; i++) { if (row[i] === row[i + 1] && row[i] !== 0) { row[i] *= 2; row[i + 1] = 0; score += row[i]; } } return row; } function slideAndCombine(row) { return slide(combine(slide(row))); } function rotateGrid(grid) { let newGrid = Array(4).fill().map(() => Array(4).fill(0)); for (let r = 0; r < 4; r++) { for (let c = 0; c < 4; c++) { newGrid[c][3 - r] = grid[r][c]; } } return newGrid; } function moveLeft() { for (let r = 0; r < 4; r++) { grid[r] = slideAndCombine(grid[r]); } addRandomTile(); } function moveRight() { for (let r = 0; r < 4; r++) { grid[r] = slideAndCombine(grid[r].reverse()).reverse(); } addRandomTile(); } function moveUp() { grid = rotateGrid(grid); moveLeft(); grid = rotateGrid(rotateGrid(rotateGrid(grid))); } function moveDown() { grid = rotateGrid(grid); moveRight(); grid = rotateGrid(rotateGrid(rotateGrid(grid))); } function isGameOver() { for (let r = 0; r < 4; r++) { for (let c = 0; c < 4; c++) { if (grid[r][c] === 0) return false; if (c < 3 && grid[r][c] === grid[r][c + 1]) return false; if (r < 3 && grid[r][c] === grid[r + 1][c]) return false; } } return true; } function gameLoop() { draw(); if (isGameOver()) { ctx.fillStyle = 'rgba(0, 0, 0, 0.5)'; ctx.fillRect(0, 0, 300, 300); ctx.fillStyle = 'white'; ctx.font = '30px Arial'; ctx.fillText('Game Over', 75, 150); return; } requestAnimationFrame(gameLoop); } document.addEventListener('keydown', function (e) { switch (e.key) { case 'ArrowLeft': moveLeft(); break; case 'ArrowRight': moveRight(); break; case 'ArrowUp': moveUp(); break; case 'ArrowDown': moveDown(); break; } }); addRandomTile(); addRandomTile(); gameLoop();

GPTgame

Sign up for free tokens!

plays really well but gets confused at number 2048 and loses

GPTgame