const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const gridSize = 4; const cellSize = 100; const padding = 10; const colors = { 2: '#eee4da', 4: '#ede0c8', 8: '#f2b179', 16: '#f59563', 32: '#f67c5f', 64: '#f65e3b', 128: '#edcf72', 256: '#edcc61', 512: '#edc850', 1024: '#edc53f', 2048: '#edc22e' }; 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 generateRandomCell() { 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) { const randomIndex = Math.floor(Math.random() * emptyCells.length); const randomCell = emptyCells[randomIndex]; grid[randomCell.row][randomCell.col] = Math.random() < 0.9 ? 2 : 4; } } function drawGrid() { for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { const cellX = j * (cellSize + padding); const cellY = i * (cellSize + padding); const value = grid[i][j]; ctx.fillStyle = colors[value] || '#ccc0b3'; ctx.fillRect(cellX, cellY, cellSize, cellSize); if (value !== 0) { ctx.fillStyle = value < 8 ? '#776e65' : '#f9f6f2'; ctx.font = 'bold 36px Arial'; ctx.textAlign = 'center'; ctx.textBaseline = 'middle'; ctx.fillText(value, cellX + cellSize / 2, cellY + cellSize / 2); } } } } function moveCells(direction) { let moved = false; for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { let row = i; let col = j; if (direction === 'up') { while (row > 0 && grid[row][col] === 0) { grid[row][col] = grid[row - 1][col]; grid[row - 1][col] = 0; row--; moved = true; } } else if (direction === 'down') { while (row < gridSize - 1 && grid[row][col] === 0) { grid[row][col] = grid[row + 1][col]; grid[row + 1][col] = 0; row++; moved = true; } } else if (direction === 'left') { while (col > 0 && grid[row][col] === 0) { grid[row][col] = grid[row][col - 1]; grid[row][col - 1] = 0; col--; moved = true; } } else if (direction === 'right') { while (col < gridSize - 1 && grid[row][col] === 0) { grid[row][col] = grid[row][col + 1]; grid[row][col + 1] = 0; col++; moved = true; } } } } return moved; } function mergeCells(direction) { let merged = false; for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize - 1; j++) { let row = i; let col = j; if (direction === 'up') { if (grid[row][col] === grid[row + 1][col]) { grid[row][col] *= 2; grid[row + 1][col] = 0; merged = true; } } else if (direction === 'down') { if (grid[row][col] === grid[row - 1][col]) { grid[row][col] *= 2; grid[row - 1][col] = 0; merged = true; } } else if (direction === 'left') { if (grid[row][col] === grid[row][col + 1]) { grid[row][col] *= 2; grid[row][col + 1] = 0; merged = true; } } else if (direction === 'right') { if (grid[row][col] === grid[row][col - 1]) { grid[row][col] *= 2; grid[row][col - 1] = 0; merged = true; } } } } return merged; } 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 handleKeyDown(event) { const key = event.key; let moved = false; if (key === 'ArrowUp') { moved = moveCells('up'); merged = mergeCells('up'); moveCells('up'); } else if (key === 'ArrowDown') { moved = moveCells('down'); merged = mergeCells('down'); moveCells('down'); } else if (key === 'ArrowLeft') { moved = moveCells('left'); merged = mergeCells('left'); moveCells('left'); } else if (key === 'ArrowRight') { moved = moveCells('right'); merged = mergeCells('right'); moveCells('right'); } if (moved || merged) { generateRandomCell(); drawGrid(); if (checkGameOver()) { alert('Game Over!'); } } } function startGame() { initializeGrid(); generateRandomCell(); generateRandomCell(); drawGrid(); document.addEventListener('keydown', handleKeyDown); } startGame();

GPTgame

Sign up for free tokens!

Игра 2048 кубики

GPTgame