const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); let grid = [[0, 0, 0, 0], [0, 0, 0, 0], [0, 0, 0, 0], [0, 0, 0, 0]]; let tileSize = 70; let score = 0; let gameOver = false; function drawGrid() { ctx.clearRect(0, 0, canvas.width, canvas.height); for (let i = 0; i < 4; i++) { for (let j = 0; j < 4; j++) { ctx.fillStyle = grid[i][j] ? '#eee' : '#ccc'; ctx.fillRect(j * tileSize + 5, i * tileSize + 5, tileSize - 10, tileSize - 10); if (grid[i][j]) { ctx.fillStyle = '#000'; ctx.font = '20px Arial'; ctx.fillText(grid[i][j], j * tileSize + 25, i * tileSize + 45); } } } if (gameOver) { ctx.fillStyle = 'rgba(0, 0, 0, 0.5)'; ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.fillStyle = '#fff'; ctx.font = '30px Arial'; ctx.fillText('Game Over', 70, 150); } } function addRandomTile() { let emptyTiles = []; for (let i = 0; i < 4; i++) { for (let j = 0; j < 4; j++) { if (grid[i][j] === 0) { emptyTiles.push({ x: i, y: j }); } } } if (emptyTiles.length > 0) { let { x, y } = emptyTiles[Math.floor(Math.random() * emptyTiles.length)]; grid[x][y] = 17; } } function slide(row) { let arr = row.filter(val => val); let missing = 4 - arr.length; let zeros = Array(missing).fill(0); return zeros.concat(arr); } function combine(row) { for (let i = 3; i >= 1; i--) { if (row[i] === row[i - 1]) { row[i] *= 2; row[i - 1] = 0; score += row[i]; } } return row; } function slideAndCombine(row) { row = slide(row); row = combine(row); row = slide(row); return row; } function rotateGrid(grid) { let newGrid = grid.map((_, i) => grid.map(row => row[i])); return newGrid.map(row => row.reverse()); } function moveLeft() { for (let i = 0; i < 4; i++) { grid[i] = slideAndCombine(grid[i]); } } function moveRight() { for (let i = 0; i < 4; i++) { grid[i] = slideAndCombine(grid[i].reverse()).reverse(); } } function moveUp() { grid = rotateGrid(grid); moveLeft(); grid = rotateGrid(grid); grid = rotateGrid(grid); grid = rotateGrid(grid); } function moveDown() { grid = rotateGrid(grid); moveRight(); grid = rotateGrid(grid); grid = rotateGrid(grid); grid = rotateGrid(grid); } function isGameOver() { for (let i = 0; i < 4; i++) { for (let j = 0; j < 4; j++) { if (grid[i][j] === 0) return false; if (j < 3 && grid[i][j] === grid[i][j + 1]) return false; if (i < 3 && grid[i][j] === grid[i + 1][j]) return false; } } return true; } function gameLoop() { drawGrid(); if (isGameOver()) { gameOver = true; } else { addRandomTile(); } } document.addEventListener('keydown', (e) => { if (gameOver) return; if (e.key === 'ArrowLeft') moveLeft(); if (e.key === 'ArrowRight') moveRight(); if (e.key === 'ArrowUp') moveUp(); if (e.key === 'ArrowDown') moveDown(); gameLoop(); }); addRandomTile(); addRandomTile(); gameLoop();

GPTgame

Sign up for free tokens!

2048 with 17 as a start number

GPTgame