const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); let grid = Array(4).fill().map(() => Array(4).fill(0)); let score = 0; let gameOver = false; let horrorMode = 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] ? (horrorMode ? 'darkred' : 'black') : 'gray'; ctx.fillRect(j * 75, i * 75, 70, 70); if (grid[i][j]) { ctx.fillStyle = 'white'; ctx.font = '20px Arial'; ctx.fillText(grid[i][j], j * 75 + 25, i * 75 + 45); } } } } function addRandomTile() { let emptyTiles = []; for (let i = 0; i < 4; i++) { for (let j = 0; j < 4; j++) { if (!grid[i][j]) emptyTiles.push({ x: i, y: j }); } } if (emptyTiles.length) { let { x, y } = emptyTiles[Math.floor(Math.random() * emptyTiles.length)]; grid[x][y] = Math.random() < 0.9 ? 2 : 4; } } function slide(row) { let arr = row.filter(val => val); let missing = 4 - arr.length; let zeros = Array(missing).fill(0); return arr.concat(zeros); } function combine(row) { for (let i = 0; i < 3; i++) { if (row[i] && row[i] === row[i + 1]) { row[i] *= 2; row[i + 1] = 0; score += row[i]; if (row[i] === 2048) horrorMode = true; } } return row; } function moveLeft() { for (let i = 0; i < 4; i++) { grid[i] = slide(combine(slide(grid[i]))); } } function rotateGrid() { let newGrid = Array(4).fill().map(() => Array(4).fill(0)); for (let i = 0; i < 4; i++) { for (let j = 0; j < 4; j++) { newGrid[i][j] = grid[j][i]; } } grid = newGrid; } function moveUp() { rotateGrid(); moveLeft(); rotateGrid(); rotateGrid(); rotateGrid(); } function moveRight() { rotateGrid(); rotateGrid(); moveLeft(); rotateGrid(); rotateGrid(); } function moveDown() { rotateGrid(); rotateGrid(); rotateGrid(); moveLeft(); rotateGrid(); } function checkGameOver() { for (let i = 0; i < 4; i++) { for (let j = 0; j < 4; j++) { if (!grid[i][j]) return false; if (i < 3 && grid[i][j] === grid[i + 1][j]) return false; if (j < 3 && grid[i][j] === grid[i][j + 1]) return false; } } return true; } function gameLoop() { if (!gameOver) { drawGrid(); if (checkGameOver()) gameOver = true; } requestAnimationFrame(gameLoop); } document.addEventListener('keydown', (e) => { if (gameOver) return; switch (e.key) { case 'ArrowLeft': moveLeft(); break; case 'ArrowUp': moveUp(); break; case 'ArrowRight': moveRight(); break; case 'ArrowDown': moveDown(); break; } addRandomTile(); }); addRandomTile(); addRandomTile(); gameLoop();

GPTgame

Sign up for free tokens!

make 2048 but in horror settings and pixel graphic, also may add some new mecanic

GPTgame