const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const tileSize = 50; const boardSize = tileSize * 8; const pieces = { white: { king: '\u2654', queen: '\u2655', rook: '\u2656', bishop: '\u2657', knight: '\u2658', pawn: '\u2659' }, black: { king: '\u265A', queen: '\u265B', rook: '\u265C', bishop: '\u265D', knight: '\u265E', pawn: '\u265F' } }; const board = [ ['b-rook', 'b-knight', 'b-bishop', 'b-queen', 'b-king', 'b-bishop', 'b-knight', 'b-rook'], ['b-pawn', 'b-pawn', 'b-pawn', 'b-pawn', 'b-pawn', 'b-pawn', 'b-pawn', 'b-pawn'], ['', '', '', '', '', '', '', ''], ['', '', '', '', '', '', '', ''], ['', '', '', '', '', '', '', ''], ['', '', '', '', '', '', '', ''], ['w-pawn', 'w-pawn', 'w-pawn', 'w-pawn', 'w-pawn', 'w-pawn', 'w-pawn', 'w-pawn'], ['w-rook', 'w-knight', 'w-bishop', 'w-queen', 'w-king', 'w-bishop', 'w-knight', 'w-rook'] ]; let selectedPiece = null; let selectedPieceX = null; let selectedPieceY = null; function drawBoard() { for (let i = 0; i < 8; i++) { for (let j = 0; j < 8; j++) { const x = j * tileSize; const y = i * tileSize; ctx.fillStyle = (i + j) % 2 === 0 ? '#fff' : '#aaa'; ctx.fillRect(x, y, tileSize, tileSize); const piece = board[i][j]; if (piece) { ctx.font = '40px Arial'; ctx.fillStyle = piece.startsWith('w-') ? '#fff' : '#000'; ctx.fillText(pieces[piece.startsWith('w-') ? 'white' : 'black'][piece.split('-')[1]], x + 5, y + 40); } } } } function getCursorPosition(event) { const rect = canvas.getBoundingClientRect(); const x = event.clientX - rect.left; const y = event.clientY - rect.top; const i = Math.floor(y / tileSize); const j = Math.floor(x / tileSize); return { i, j }; } function selectPiece(event) { const { i, j } = getCursorPosition(event); const piece = board[i][j]; if (piece && piece.startsWith('w-')) { selectedPiece = piece; selectedPieceX = j; selectedPieceY = i; } } function movePiece(event) { if (selectedPiece) { const { i, j } = getCursorPosition(event); const dx = j - selectedPieceX; const dy = i - selectedPieceY; const piece = board[selectedPieceY][selectedPieceX]; if (piece && (dx || dy)) { const validMoves = getValidMoves(piece, selectedPieceY, selectedPieceX); if (validMoves.some(move => move.i === i && move.j === j)) { board[selectedPieceY][selectedPieceX] = ''; board[i][j] = piece; } } selectedPiece = null; selectedPieceX = null; selectedPieceY = null; } } function getValidMoves(piece, i, j) { switch (piece.split('-')[1]) { case 'pawn': return getValidPawnMoves(piece.startsWith('w-'), i, j); case 'rook': return getValidRookMoves(i, j); case 'knight': return getValidKnightMoves(i, j); case 'bishop': return getValidBishopMoves(i, j); case 'queen': return getValidQueenMoves(i, j); case 'king': return getValidKingMoves(i, j); } } function getValidPawnMoves(isWhite, i, j) { const moves = []; const direction = isWhite ? -1 : 1; if (!board[i + direction][j]) { moves.push({ i: i + direction, j }); } if (j > 0 && board[i + direction][j - 1] && board[i + direction][j - 1].startsWith(isWhite ? 'b-' : 'w-')) { moves.push({ i: i + direction, j: j - 1 }); } if (j < 7 && board[i + direction][j + 1] && board[i + direction][j + 1].startsWith(isWhite ? 'b-' : 'w-')) { moves.push({ i: i + direction, j: j + 1 }); } return moves; } function getValidRookMoves(i, j) { const moves = []; for (let k = i - 1; k >= 0; k--) { if (board[k][j]) { if (board[k][j].startsWith('w-')) { break; } moves.push({ i: k, j }); break; } moves.push({ i: k, j }); } for (let k = i + 1; k < 8; k++) { if (board[k][j]) { if (board[k][j].startsWith('w-')) { break; } moves.push({ i: k, j }); break; } moves.push({ i: k, j }); } for (let k = j - 1; k >= 0; k--) { if (board[i][k]) { if (board[i][k].startsWith('w-')) { break; } moves.push({ i, j: k }); break; } moves.push({ i, j: k }); } for (let k = j + 1; k < 8; k++) { if (board[i][k]) { if (board[i][k].startsWith('w-')) { break; } moves.push({ i, j: k }); break; } moves.push({ i, j: k }); } return moves; } function getValidKnightMoves(i, j) { const moves = []; if (i > 1 && j > 0 && (!board[i - 2][j - 1] || board[i - 2][j - 1].startsWith('w-'))) { moves.push({ i: i - 2, j: j - 1 }); } if (i > 0 && j > 1 && (!board[i - 1][j - 2] || board[i - 1][j - 2].startsWith('w-'))) { moves.push({ i: i - 1, j: j - 2 }); } if (i < 6 && j > 0 && (!board[i + 2][j - 1] || board[i + 2][j - 1].startsWith('w-'))) { moves.push({ i: i + 2, j: j - 1 }); } if (i < 7 && j > 1 && (!board[i + 1][j - 2] || board[i + 1][j - 2].startsWith('w-'))) { moves.push({ i: i + 1, j: j - 2 }); } if (i < 7 && j < 6 && (!board[i + 1][j + 2] || board[i + 1][j + 2].startsWith('w-'))) { moves.push({ i: i + 1, j: j + 2 }); } if (i < 6 && j < 7 && (!board[i + 2][j + 1] || board[i + 2][j + 1].startsWith('w-'))) { moves.push({ i: i + 2, j: j + 1 }); } if (i > 0 && j < 6 && (!board[i - 1][j + 2] || board[i - 1][j + 2].startsWith('w-'))) { moves.push({ i: i - 1, j: j + 2 }); } if (i > 1 && j < 7 && (!board[i - 2][j + 1] || board[i - 2][j + 1].startsWith('w-'))) { moves.push({ i: i - 2, j: j + 1 }); } return moves; } function getValidBishopMoves(i, j) { const moves = []; for (let k = 1; k <= Math.min(i, j); k++) { if (board[i - k][j - k]) { if (board[i - k][j - k].startsWith('w-')) { break; } moves.push({ i: i - k, j: j - k }); break; } moves.push({ i: i - k, j: j - k }); } for (let k = 1; k <= Math.min(i, 7 - j); k++) { if (board[i - k][j + k]) { if (board[i - k][j + k].startsWith('w-')) { break; } moves.push({ i: i - k, j: j + k }); break; } moves.push({ i: i - k, j: j + k }); } for (let k = 1; k <= Math.min(7 - i, j); k++) { if (board[i + k][j - k]) { if (board[i + k][j - k].startsWith('w-')) { break; } moves.push({ i: i + k, j: j - k }); break; } moves.push({ i: i + k, j: j - k }); } for (let k = 1; k <= Math.min(7 - i, 7 - j); k++) { if (board[i + k][j + k]) { if (board[i + k][j + k].startsWith('w-')) { break; } moves.push({ i: i + k, j: j + k }); break; } moves.push({ i: i + k, j: j + k }); } return moves; } function getValidQueenMoves(i, j) { return getValidRookMoves(i, j).concat(getValidBishopMoves(i, j)); } function getValidKingMoves(i, j) { const moves = []; if (i > 0 && (!board[i - 1][j] || board[i - 1][j].startsWith('w-'))) { moves.push({ i: i - 1, j }); } if (i > 0 && j > 0 && (!board[i - 1][j - 1] || board[i - 1][j - 1].startsWith('w-'))) { moves.push({ i: i - 1, j: j - 1 }); } if (j > 0 && (!board[i][j - 1] || board[i][j - 1].startsWith('w-'))) { moves.push({ i, j: j - 1 }); } if (i < 7 && j > 0 && (!board[i + 1][j - 1] || board[i + 1][j - 1].startsWith('w-'))) { moves.push({ i: i + 1, j: j - 1 }); } if (i < 7 && (!board[i + 1][j] || board[i + 1][j].startsWith('w-'))) { moves.push({ i: i + 1, j }); } if (i < 7 && j < 7 && (!board[i + 1][j + 1] || board[i + 1][j + 1].startsWith('w-'))) { moves.push({ i: i + 1, j: j + 1 }); } if (j < 7 && (!board[i][j + 1] || board[i][j + 1].startsWith('w-'))) { moves.push({ i, j: j + 1 }); } if (i > 0 && j < 7 && (!board[i - 1][j + 1] || board[i - 1][j + 1].startsWith('w-'))) { moves.push({ i: i - 1, j: j + 1 }); } return moves; } canvas.addEventListener('mousedown', selectPiece); canvas.addEventListener('mouseup', movePiece); function gameLoop() { drawBoard(); requestAnimationFrame(gameLoop); } gameLoop();

GPTgame

Sign up for free tokens!

gioco degli scacchi con al posto delle pedine unità militari della seconda guerra mondiale

GPTgame