const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const tileSize = 100; const gridSize = 4; const padding = 10; const colors = { 2: '#FF0000', 4: '#00FF00', 8: '#0000FF', 16: '#FFFF00', 32: '#FF00FF', 64: '#00FFFF', 128: '#800000', 256: '#008000', 512: '#000080', 1024: '#800080', 2048: '#008080', }; const flags = { 2: '🇺🇸', 4: '🇬🇧', 8: '🇫🇷', 16: '🇩🇪', 32: '🇮🇹', 64: '🇪🇸', 128: '🇨🇳', 256: '🇯🇵', 512: '🇷🇺', 1024: '🇧🇷', 2048: '🇮🇳', }; let grid = []; function initializeGrid() { for (let i = 0; i < gridSize; i++) { grid[i] = []; for (let j = 0; j < gridSize; j++) { grid[i][j] = 0; } } } function drawTile(x, y, value) { ctx.fillStyle = colors[value]; ctx.fillRect(x, y, tileSize, tileSize); ctx.font = '48px Arial'; ctx.fillStyle = '#FFFFFF'; ctx.textAlign = 'center'; ctx.textBaseline = 'middle'; ctx.fillText(flags[value], x + tileSize / 2, y + tileSize / 2); } function drawGrid() { for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { const x = j * (tileSize + padding); const y = i * (tileSize + padding); const value = grid[i][j]; drawTile(x, y, value); } } } function generateRandomTile() { const availableTiles = []; for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { if (grid[i][j] === 0) { availableTiles.push({ row: i, col: j }); } } } if (availableTiles.length > 0) { const randomIndex = Math.floor(Math.random() * availableTiles.length); const { row, col } = availableTiles[randomIndex]; const newValue = Math.random() < 0.9 ? 2 : 4; grid[row][col] = newValue; } } function handleKeyDown(event) { const key = event.key; if (key === 'ArrowUp') { moveTilesUp(); } else if (key === 'ArrowDown') { moveTilesDown(); } else if (key === 'ArrowLeft') { moveTilesLeft(); } else if (key === 'ArrowRight') { moveTilesRight(); } generateRandomTile(); drawGrid(); } function moveTilesUp() { for (let j = 0; j < gridSize; j++) { let currentRow = 0; for (let i = 1; i < gridSize; i++) { if (grid[i][j] !== 0) { if (grid[currentRow][j] === 0) { grid[currentRow][j] = grid[i][j]; grid[i][j] = 0; } else if (grid[currentRow][j] === grid[i][j]) { grid[currentRow][j] *= 2; grid[i][j] = 0; } else { currentRow++; grid[currentRow][j] = grid[i][j]; if (i !== currentRow) { grid[i][j] = 0; } } } } } } function moveTilesDown() { for (let j = 0; j < gridSize; j++) { let currentRow = gridSize - 1; for (let i = gridSize - 2; i >= 0; i--) { if (grid[i][j] !== 0) { if (grid[currentRow][j] === 0) { grid[currentRow][j] = grid[i][j]; grid[i][j] = 0; } else if (grid[currentRow][j] === grid[i][j]) { grid[currentRow][j] *= 2; grid[i][j] = 0; } else { currentRow--; grid[currentRow][j] = grid[i][j]; if (i !== currentRow) { grid[i][j] = 0; } } } } } } function moveTilesLeft() { for (let i = 0; i < gridSize; i++) { let currentCol = 0; for (let j = 1; j < gridSize; j++) { if (grid[i][j] !== 0) { if (grid[i][currentCol] === 0) { grid[i][currentCol] = grid[i][j]; grid[i][j] = 0; } else if (grid[i][currentCol] === grid[i][j]) { grid[i][currentCol] *= 2; grid[i][j] = 0; } else { currentCol++; grid[i][currentCol] = grid[i][j]; if (j !== currentCol) { grid[i][j] = 0; } } } } } } function moveTilesRight() { for (let i = 0; i < gridSize; i++) { let currentCol = gridSize - 1; for (let j = gridSize - 2; j >= 0; j--) { if (grid[i][j] !== 0) { if (grid[i][currentCol] === 0) { grid[i][currentCol] = grid[i][j]; grid[i][j] = 0; } else if (grid[i][currentCol] === grid[i][j]) { grid[i][currentCol] *= 2; grid[i][j] = 0; } else { currentCol--; grid[i][currentCol] = grid[i][j]; if (j !== currentCol) { grid[i][j] = 0; } } } } } } function isGameOver() { for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { if (grid[i][j] === 0) { return false; } if (i !== gridSize - 1 && grid[i][j] === grid[i + 1][j]) { return false; } if (j !== gridSize - 1 && grid[i][j] === grid[i][j + 1]) { return false; } } } return true; } function init() { initializeGrid(); generateRandomTile(); generateRandomTile(); drawGrid(); document.addEventListener('keydown', handleKeyDown); } init();

GPTgame

Sign up for free tokens!

2048 but number change to country flags

GPTgame