const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const gridSize = 4; const tileSize = canvas.width / gridSize; let board = new Array(gridSize); let tentacleX = Math.floor(Math.random() * gridSize); let tentacleY = Math.floor(Math.random() * gridSize); let tentacleActive = false; function drawTile(x, y, value) { ctx.beginPath(); ctx.rect(x * tileSize, y * tileSize, tileSize, tileSize); ctx.fillStyle = getColor(value); ctx.fill(); if (value) { ctx.font = "30px Arial"; ctx.fillStyle = "white"; ctx.textAlign = "center"; ctx.fillText(value, x * tileSize + tileSize / 2, y * tileSize + tileSize / 2 + 10); } } function getColor(value) { switch (value) { case 2: return "#FF6347"; case 4: return "#FFA07A"; case 8: return "#FFD700"; case 16: return "#ADFF2F"; case 32: return "#20B2AA"; case 64: return "#1E90FF"; case 128: return "#8A2BE2"; case 256: return "#FF69B4"; case 512: return "#FF4500"; case 1024: return "#FF8C00"; case 2048: return "#FFD700"; default: return "#D3D3D3"; } } function addTile() { let options = []; for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { if (!board[i][j]) { options.push({ x: i, y: j }); } } } if (options.length > 0) { let spot = options[Math.floor(Math.random() * options.length)]; board[spot.x][spot.y] = Math.random() > 0.1 ? 2 : 4; } } function startGame() { for (let i = 0; i < gridSize; i++) { board[i] = new Array(gridSize); } addTile(); addTile(); drawBoard(); } function drawBoard() { for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { drawTile(i, j, board[i][j]); } } } function move(direction) { let flipped = false; let rotated = false; let played = true; switch (direction) { case 'left': break; case 'up': board = rotateBoard(); rotated = true; break; case 'right': board = flipBoard(); flipped = true; break; case 'down': board = rotateBoard(); board = flipBoard(); rotated = true; flipped = true; break; default: played = false; } if (played) { let pastBoard = board.map(function(arr) { return arr.slice(); }); for (let i = 0; i < gridSize; i++) { board[i] = operate(board[i]); } let changed = compareBoard(pastBoard, board); if (flipped) { board = flipBoard(); } if (rotated) { board = rotateBoard(); board = rotateBoard(); board = rotateBoard(); } if (changed) { addTile(); } drawBoard(); } } function operate(row) { row = slide(row); row = combine(row); row = slide(row); return row; } function slide(row) { let arr = row.filter(val => val); let missing = gridSize - arr.length; let zeros = Array(missing).fill(0); arr = zeros.concat(arr); return arr; } function combine(row) { for (let i = gridSize - 1; i >= 1; i--) { let a = row[i]; let b = row[i - 1]; if (a == b) { row[i] = a + b; row[i - 1] = 0; if (tentacleActive) { row[i] *= 0.5; } } } return row; } function compareBoard(a, b) { for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { if (a[i][j] !== b[i][j]) { return true; } } } return false; } function flipBoard() { let newBoard = []; for (let i = 0; i < gridSize; i++) { newBoard.push([]); for (let j = 0; j < gridSize; j++) { newBoard[i].push(board[i][gridSize - j - 1]); } } return newBoard; } function rotateBoard() { let newBoard = []; for (let i = 0; i < gridSize; i++) { newBoard.push([]); for (let j = 0; j < gridSize; j++) { newBoard[i].push(board[gridSize - j - 1][i]); } } return newBoard; } document.addEventListener('keydown', event => { if (event.keyCode === 37) { move('left'); } else if (event.keyCode === 38) { move('up'); } else if (event.keyCode === 39) { move('right'); } else if (event.keyCode === 40) { move('down'); } }); start

GPTgame

Sign up for free tokens!

2048 but there’s a tentacle that steals 50% of of your block’s value

GPTgame