const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const size = 20; const board = []; const colors = ['#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#00FFFF', '#FF00FF']; for (let i = 0; i < 20; i++) { board[i] = []; for (let j = 0; j < 20; j++) { board[i][j] = { color: colors[Math.floor(Math.random() * colors.length)], piece: null }; } } const drawBoard = () => { for (let i = 0; i < 20; i++) { for (let j = 0; j < 20; j++) { drawHex(i, j, board[i][j].color); } } } const drawHex = (x, y, color) => { const xOffset = x % 2 === 0 ? size : size * 1.5; const yOffset = y * size * 1.7; ctx.beginPath(); ctx.moveTo(x * size * 1.5 + xOffset, yOffset + size); ctx.lineTo(x * size * 1.5 + xOffset + size / 2, yOffset); ctx.lineTo(x * size * 1.5 + xOffset + size * 1.5, yOffset); ctx.lineTo(x * size * 1.5 + xOffset + size * 2, yOffset + size); ctx.lineTo(x * size * 1.5 + xOffset + size * 1.5, yOffset + size * 2); ctx.lineTo(x * size * 1.5 + xOffset + size / 2, yOffset + size * 2); ctx.closePath(); ctx.fillStyle = color; ctx.fill(); } const drawPiece = (x, y, color) => { const xOffset = x % 2 === 0 ? size : size * 1.5; const yOffset = y * size * 1.7; ctx.beginPath(); ctx.arc(x * size * 1.5 + xOffset + size, yOffset + size, size / 2, 0, 2 * Math.PI); ctx.fillStyle = color; ctx.fill(); } const clearBoard = () => { ctx.clearRect(0, 0, canvas.width, canvas.height); } const movePiece = (x1, y1, x2, y2) => { if (board[x2][y2].piece !== null) { board[x2][y2].piece = null; } board[x2][y2].piece = board[x1][y1].piece; board[x1][y1].piece = null; } const handleClick = (event) => { const x = Math.floor(event.offsetX / (size * 1.5)); const y = Math.floor(event.offsetY / (size * 1.7)); if (board[x][y].piece !== null) { const moves = []; if (x % 2 === 0) { if (x > 0 && board[x - 1][y].piece === null) { moves.push({ x: x - 1, y: y }); } if (x > 1 && board[x - 2][y].piece === null && board[x - 1][y].piece !== null) { moves.push({ x: x - 2, y: y }); } if (x < 18 && board[x + 1][y].piece === null) { moves.push({ x: x + 1, y: y }); } if (x < 17 && board[x + 2][y].piece === null && board[x + 1][y].piece !== null) { moves.push({ x: x + 2, y: y }); } } else { if (x > 0 && y > 0 && board[x - 1][y - 1].piece === null) { moves.push({ x: x - 1, y: y - 1 }); } if (x > 1 && y > 0 && board[x - 2][y - 1].piece === null && board[x - 1][y - 1].piece !== null) { moves.push({ x: x - 2, y: y - 1 }); } if (x < 18 && y < 19 && board[x + 1][y + 1].piece === null) { moves.push({ x: x + 1, y: y + 1 }); } if (x < 17 && y < 19 && board[x + 2][y + 1].piece === null && board[x + 1][y + 1].piece !== null) { moves.push({ x: x + 2, y: y + 1 }); } } if (moves.length > 0) { const move = moves[Math.floor(Math.random() * moves.length)]; movePiece(x, y, move.x, move.y); } } } canvas.addEventListener('click', handleClick); const gameLoop = () => { clearBoard(); drawBoard(); for (let i = 0; i < 20; i++) { for (let j = 0; j < 20; j++) { if (board[i][j].piece

GPTgame

Sign up for free tokens!

Hexagonal board with pieces which can move either 1 hex, or 2 hexes, destroying the piece it jumped over

GPTgame