const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const tileSize = 50; const boardSize = tileSize * 8; const pieces = []; const colors = ['white', 'black']; let turn = 0; class Piece { constructor(x, y, color) { this.x = x; this.y = y; this.color = color; this.selected = false; this.type = ''; } draw() { ctx.fillStyle = this.color; ctx.fillRect(this.x * tileSize, this.y * tileSize, tileSize, tileSize); if (this.selected) { ctx.strokeStyle = 'yellow'; ctx.lineWidth = 5; ctx.strokeRect(this.x * tileSize, this.y * tileSize, tileSize, tileSize); } } move(x, y) { const piece = pieces.find(p => p.x === x && p.y === y); if (piece) { if (piece.color !== this.color) { pieces.splice(pieces.indexOf(piece), 1); } else { return; } } this.x = x; this.y = y; this.selected = false; turn = turn === 0 ? 1 : 0; } } class Pawn extends Piece { constructor(x, y, color) { super(x, y, color); this.type = 'pawn'; } canMove(x, y) { const dy = y - this.y; if (this.color === 'white') { if (dy === -1 && x === this.x) { return true; } else if (dy === -2 && this.y === 6 && x === this.x) { return true; } else if (dy === -1 && Math.abs(x - this.x) === 1) { const piece = pieces.find(p => p.x === x && p.y === y); if (piece && piece.color !== this.color) { return true; } } } else { if (dy === 1 && x === this.x) { return true; } else if (dy === 2 && this.y === 1 && x === this.x) { return true; } else if (dy === 1 && Math.abs(x - this.x) === 1) { const piece = pieces.find(p => p.x === x && p.y === y); if (piece && piece.color !== this.color) { return true; } } } return false; } } class Knight extends Piece { constructor(x, y, color) { super(x, y, color); this.type = 'knight'; } canMove(x, y) { const dx = Math.abs(x - this.x); const dy = Math.abs(y - this.y); if ((dx === 1 && dy === 2) || (dx === 2 && dy === 1)) { const piece = pieces.find(p => p.x === x && p.y === y); if (!piece || piece.color !== this.color) { return true; } } return false; } } class Bishop extends Piece { constructor(x, y, color) { super(x, y, color); this.type = 'bishop'; } canMove(x, y) { const dx = Math.abs(x - this.x); const dy = Math.abs(y - this.y); if (dx === dy) { const xDir = x > this.x ? 1 : -1; const yDir = y > this.y ? 1 : -1; for (let i = 1; i < dx; i++) { const piece = pieces.find(p => p.x === this.x + i * xDir && p.y === this.y + i * yDir); if (piece) { return false; } } const piece = pieces.find(p => p.x === x && p.y === y); if (!piece || piece.color !== this.color) { return true; } } return false; } } class Rook extends Piece { constructor(x, y, color) { super(x, y, color); this.type = 'rook'; } canMove(x, y) { const dx = Math.abs(x - this.x); const dy = Math.abs(y - this.y); if ((dx === 0 && dy > 0) || (dx > 0 && dy === 0)) { const xDir = x > this.x ? 1 : x < this.x ? -1 : 0; const yDir = y > this.y ? 1 : y < this.y ? -1 : 0; for (let i = 1; i < Math.max(dx, dy); i++) { const piece = pieces.find(p => p.x === this.x + i * xDir && p.y === this.y + i * yDir); if (piece) { return false; } } const piece = pieces.find(p => p.x === x && p.y === y); if (!piece || piece.color !== this.color) { return true; } } return false; } } class Queen extends Piece { constructor(x, y, color) { super(x, y, color); this.type = 'queen'; } canMove(x, y) { const dx = Math.abs(x - this.x); const dy = Math.abs(y - this.y); if (dx === dy) { const xDir = x > this.x ? 1 : -1; const yDir = y > this.y ? 1 : -1; for (let i = 1; i < dx; i++) { const piece = pieces.find(p => p.x === this.x + i * xDir && p.y === this.y + i * yDir); if (piece) { return false; } } const piece = pieces.find(p => p.x === x && p.y === y); if (!piece || piece.color !== this.color) { return true; } } else if ((dx === 0 && dy > 0) || (dx > 0 && dy === 0)) { const xDir = x > this.x ? 1 : x < this.x ? -1 : 0; const yDir = y > this.y ? 1 : y < this.y ? -1 : 0; for (let i = 1; i < Math.max(dx, dy); i++) { const piece = pieces.find(p => p.x === this.x + i * xDir && p.y === this.y + i * yDir); if (piece) { return false; } } const piece = pieces.find(p => p.x === x && p.y === y); if (!piece || piece.color !== this.color) { return true; } } return false; } } class King extends Piece { constructor(x, y, color) { super(x, y, color); this.type = 'king'; } canMove(x, y) { const dx = Math.abs(x - this.x); const dy = Math.abs(y - this.y); if (dx <= 1 && dy <= 1) { const piece = pieces.find(p => p.x === x && p.y === y); if (!piece || piece.color !== this.color) { return true; } } return false; } } function init() { for (let i = 0; i < 8; i++) { pieces.push(new Pawn(i, 1, colors[1])); pieces.push(new Pawn(i, 6, colors[0])); } pieces.push(new Rook(0, 0, colors[1])); pieces.push(new Rook(7, 0, colors[1])); pieces.push(new Rook(0, 7, colors[0])); pieces.push(new Rook(7, 7, colors[0])); pieces.push(new Knight(1, 0, colors[1])); pieces.push(new Knight(6, 0, colors[1])); pieces.push(new Knight(1, 7, colors[0])); pieces.push(new Knight(6, 7, colors[0])); pieces.push(new Bishop(2, 0, colors[1])); pieces.push(new Bishop(5, 0, colors[1])); pieces.push(new Bishop(2, 7, colors[0])); pieces.push(new Bishop(5, 7, colors[0])); pieces.push(new Queen(3, 0, colors[1])); pieces.push(new Queen(3, 7, colors[0])); pieces.push(new King(4, 0, colors[1])); pieces.push(new King(4, 7, colors[0])); } function drawBoard() { for (let x = 0; x < 8; x++) { for (let y = 0; y < 8; y++) { ctx.fillStyle = (x + y) % 2 === 0 ? '#fff' : '#000'; ctx.fillRect(x * tileSize, y * tileSize, tileSize, tileSize); } } } function drawPieces() { pieces.forEach(p => p.draw()); } function selectPiece(x, y) { const piece = pieces.find(p => p.x === x && p.y === y && p.color === colors[turn]); if (piece) { piece.selected = true; } } function movePiece(x, y) { const piece = pieces.find(p => p.selected); if (piece && piece.canMove(x, y)) { piece.move(x, y); } } function handleClick(e) { const x = Math.floor(e.offsetX / tileSize); const y = Math.floor(e.offsetY / tileSize); if (pieces.some(p => p.selected)) { movePiece(x, y); } else { selectPiece(x, y); } } function handleKeyDown(e) { const piece = pieces.find(p => p.selected); if (piece) { switch (e.keyCode) { case 37: // left arrow movePiece(piece.x - 1, piece.y); break; case 38: // up arrow movePiece(piece.x, piece.y - 1); break; case 39: // right arrow movePiece(piece.x + 1, piece.y); break; case 40: // down arrow movePiece(piece.x, piece.y + 1); break; } } } canvas.width = boardSize; canvas.height = boardSize; init(); drawBoard(); drawPieces(); canvas.addEventListener('click', handleClick); document.addEventListener('keydown', handleKeyDown);

GPTgame

Sign up for free tokens!

it's chess but pieces takes other pieces with sword

GPTgame