const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); let numbers = [2, 4]; let gridSize = 4; let grid = []; let cellSize = canvas.width / gridSize; let score = 0; function drawGrid() { ctx.clearRect(0, 0, canvas.width, canvas.height); for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { let value = grid[i][j]; ctx.fillStyle = value === 0 ? '#cdc1b4' : '#eee4da'; ctx.fillRect(j * cellSize, i * cellSize, cellSize, cellSize); if (value !== 0) { ctx.fillStyle = value < 8 ? '#776e65' : '#f9f6f2'; ctx.font = 'bold 30px Arial'; ctx.fillText(value, j * cellSize + 15, i * cellSize + 35); } } } } function addNumber() { let options = []; for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { if (grid[i][j] === 0) { options.push({ i, j }); } } } if (options.length > 0) { let spot = options[Math.floor(Math.random() * options.length)]; let r = Math.random(); grid[spot.i][spot.j] = r > 0.1 ? numbers[0] : numbers[1]; } } function startGame() { for (let i = 0; i < gridSize; i++) { grid[i] = []; for (let j = 0; j < gridSize; j++) { grid[i][j] = 0; } } addNumber(); addNumber(); drawGrid(); } function moveLeft() { for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { for (let k = j + 1; k < gridSize; k++) { if (grid[i][k] !== 0) { if (grid[i][j] === 0) { grid[i][j] = grid[i][k]; grid[i][k] = 0; j--; } else if (grid[i][j] === grid[i][k]) { grid[i][j] *= 2; score += grid[i][j]; grid[i][k] = 0; break; } } } } } addNumber(); drawGrid(); } function moveRight() { for (let i = 0; i < gridSize; i++) { for (let j = gridSize - 1; j >= 0; j--) { for (let k = j - 1; k >= 0; k--) { if (grid[i][k] !== 0) { if (grid[i][j] === 0) { grid[i][j] = grid[i][k]; grid[i][k] = 0; j++; } else if (grid[i][j] === grid[i][k]) { grid[i][j] *= 2; score += grid[i][j]; grid[i][k] = 0; break; } } } } } addNumber(); drawGrid(); } function moveUp() { for (let j = 0; j < gridSize; j++) { for (let i = 0; i < gridSize; i++) { for (let k = i + 1; k < gridSize; k++) { if (grid[k][j] !== 0) { if (grid[i][j] === 0) { grid[i][j] = grid[k][j]; grid[k][j] = 0; i--; } else if (grid[i][j] === grid[k][j]) { grid[i][j] *= 2; score += grid[i][j]; grid[k][j] = 0; break; } } } } } addNumber(); drawGrid(); } function moveDown() { for (let j = 0; j < gridSize; j++) { for (let i = gridSize - 1; i >= 0; i--) { for (let k = i - 1; k >= 0; k--) { if (grid[k][j] !== 0) { if (grid[i][j] === 0) { grid[i][j] = grid[k][j]; grid[k][j] = 0; i++; } else if (grid[i][j] === grid[k][j]) { grid[i][j] *= 2; score += grid[i][j]; grid[k][j] = 0; break; } } } } } addNumber(); drawGrid(); } startGame(); document.addEventListener('keydown', function(event) { if (event.keyCode === 37) { moveLeft(); } else if (event.keyCode === 39) { moveRight(); } else if (event.keyCode === 38) { moveUp(); } else if (event.keyCode === 40) { moveDown(); } });

GPTgame

Sign up for free tokens!

in this game we will add up the numbers to the number 2048

GPTgame