const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const size = 4; const tileSize = 70; let board = []; let gameOver = false; document.addEventListener('keydown', handleKeyPress); init(); function init() { board = Array(size).fill().map(() => Array(size).fill('')); addTile(); addTile(); draw(); } function addTile() { let emptyTiles = []; for (let r = 0; r < size; r++) { for (let c = 0; c < size; c++) { if (board[r][c] === '') emptyTiles.push({ r, c }); } } if (emptyTiles.length > 0) { let { r, c } = emptyTiles[Math.floor(Math.random() * emptyTiles.length)]; board[r][c] = 'a'; } } function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); for (let r = 0; r < size; r++) { for (let c = 0; c < size; c++) { drawTile(r, c, board[r][c]); } } } function drawTile(r, c, value) { ctx.fillStyle = value ? '#eee' : '#ccc'; ctx.fillRect(c * tileSize, r * tileSize, tileSize - 5, tileSize - 5); if (value) { ctx.fillStyle = '#000'; ctx.font = '30px Arial'; ctx.fillText(value, c * tileSize + 25, r * tileSize + 45); } } function handleKeyPress(e) { if (gameOver) return; let moved = false; switch (e.key) { case 'ArrowUp': moved = moveUp(); break; case 'ArrowDown': moved = moveDown(); break; case 'ArrowLeft': moved = moveLeft(); break; case 'ArrowRight': moved = moveRight(); break; } if (moved) { addTile(); draw(); if (checkGameOver()) gameOver = true; } } function moveUp() { let moved = false; for (let c = 0; c < size; c++) { let compressed = compressColumn(c); for (let r = 0; r < size; r++) { if (board[r][c] !== compressed[r]) moved = true; board[r][c] = compressed[r]; } } return moved; } function moveDown() { let moved = false; for (let c = 0; c < size; c++) { let compressed = compressColumn(c).reverse(); for (let r = 0; r < size; r++) { if (board[size - 1 - r][c] !== compressed[r]) moved = true; board[size - 1 - r][c] = compressed[r]; } } return moved; } function moveLeft() { let moved = false; for (let r = 0; r < size; r++) { let compressed = compressRow(r); for (let c = 0; c < size; c++) { if (board[r][c] !== compressed[c]) moved = true; board[r][c] = compressed[c]; } } return moved; } function moveRight() { let moved = false; for (let r = 0; r < size; r++) { let compressed = compressRow(r).reverse(); for (let c = 0; c < size; c++) { if (board[r][size - 1 - c] !== compressed[c]) moved = true; board[r][size - 1 - c] = compressed[c]; } } return moved; } function compressColumn(c) { let newCol = board.map(row => row[c]).filter(val => val !== ''); for (let i = 0; i < newCol.length - 1; i++) { if (newCol[i] === newCol[i + 1]) { newCol[i] = nextLetter(newCol[i]); newCol.splice(i + 1, 1); } } while (newCol.length < size) newCol.push(''); return newCol; } function compressRow(r) { let newRow = board[r].filter(val => val !== ''); for (let i = 0; i < newRow.length - 1; i++) { if (newRow[i] === newRow[i + 1]) { newRow[i] = nextLetter(newRow[i]); newRow.splice(i + 1, 1); } } while (newRow.length < size) newRow.push(''); return newRow; } function nextLetter(letter) { return String.fromCharCode(letter.charCodeAt(0) + 1); } function checkGameOver() { for (let r = 0; r < size; r++) { for (let c = 0; c < size; c++) { if (board[r][c] === '') return false; if (r < size - 1 && board[r][c] === board[r + 1][c]) return false; if (c < size - 1 && board[r][c] === board[r][c + 1]) return false

GPTgame

Sign up for free tokens!

2048 game but instead of nu,bers use letter like A+A = B

GPTgame