alert("In progress.") var Plot = { size: 40, colors: ["white", "cadetblue"], } var Chess = { update: function () { player.update(); ia.update(); }, draw: function () { for (var x=0; x<8; x++) { for (var y=0; y<8; y++) { ctx.fillStyle = Plot.colors[(x+y)%2]; ctx.fillRect(x*Plot.size, y*Plot.size, Plot.size, Plot.size); } } player.draw(); ia.draw(); }, contains: function (x, y) { return (x>=0 && x<8 && y>=0 && y<8); }, pieceAt: function (x, y) { var piece_at = null; if (player.pieces.some((piece) => { if (piece.x==x && piece.y==y) { piece_at=piece; return true; } })) return piece_at; if (ia.pieces.some((piece) => { if (piece.x==x && piece.y==y) { piece_at=piece; return true; } })) return piece_at; } } class Player { constructor(color) { this.color=color; this.selection=null; this.pieces= []; this.eaten = []; } draw() { try { this.selection.drawMoves(); } catch (e) {} this.pieces.forEach((piece) => { piece.draw() }); } update() { this.pieces.forEach((piece) => { piece.update() }); } fillPieces(enemy) { this.enemy= enemy; for (var x=0; x<8; x++) this.pieces.push(new Pawn(x, 6, this)); this.pieces.push(new Rook(0, 7, this), new Rook(7, 7, this), new Knight(1, 7, this), new Knight(6, 7, this), new Bishop(2,7, this), new Bishop(5,7, this)); if (this.color=="white") { this.king = new King(4, 7, this); this.pieces.push(this.king, new Queen(3, 7, this)); } else { this.king = new King(3, 7, this); this.pieces.push(this.king, new Queen(4, 7, this)); } } } class IA { constructor(color) { this.color=color; this.pieces= []; this.eaten=[]; } draw() { this.pieces.forEach((piece) => { piece.draw() }); } update() { this.pieces.forEach((piece) => { piece.update() }); } fillPieces(enemy) { this.enemy= enemy; for (var x=0; x<8; x++) this.pieces.push(new Pawn(x, 1, this)); this.pieces.push(new Rook(0, 0, this), new Rook(7, 0, this), new Knight(1, 0, this), new Knight(6, 0, this), new Bishop(2,0, this), new Bishop(5,0, this)); if (this.color=="white") { this.king = new King(3, 0, this); this.pieces.push(this.king, new Queen(4, 0, this)); } else { this.king = new King(4, 0, this); this.pieces.push(this.king, new Queen(3, 0, this)); } } play() { this.pieces[0].x=this.pieces[0].moves[0].x; this.pieces[0].y=this.pieces[0].moves[0].y; } } class Piece { constructor(x, y, master, image, value) { this.x=x; this.y=y; this.master=master; this.enemy=this.master.enemy; this.img=image; this.val=value; this.moves=[]; this.protected=[]; this.king=this.master.king; } draw() { ctx.drawImage(this.img, this.x*Plot.size, this.y*Plot.size, Plot.size, Plot.size); } drawMoves() { this.moves.forEach((move) => { (this.enemyAt(move.x, move.y)) ? ctx.fillStyle = "rgba(220, 20, 60, .5)" : ctx.fillStyle = "rgba(0, 255, 127, .5)"; ctx.fillRect(move.x*Plot.size, move.y*Plot.size, Plot.size, Plot.size); }); } enemyAt(x, y) { try { if (Chess.pieceAt(x, y).master!==this.master) return (Chess.pieceAt(x, y)); } catch (e) {} } friendAt(x, y) { try { if (Chess.pieceAt(x, y).master===this.master) return Chess.pieceAt(x, y); } catch (e) {} } eat(enemy) { if (!enemy) return false; this.master.eaten.push(enemy); this.enemy.pieces.splice(this.enemy.pieces.indexOf(enemy), 1); return true; } unEat(enemy) { if (!enemy) return false; this.master.eaten.splice(this.master.eaten.indexOf(enemy), 1); this.enemy.pieces.push(enemy); } /*update(m, p) { this.moves = []; this.protected = []; m.forEach((move) => { let save= { x:this.x, y:this.y }; let enemy= this.enemyAt(move.x, move.y); this.x=move.x; this.y=move.y; this.eat(enemy); Chess.update(); if (!this.king.isCheck()) this.moves.push(move); this.x=save.x; this.y=save.y; this.unEat(enemy); Chess.update(); }); p.forEach((pr) => { //this.x=pr.x; this.y=pr.y; Chess.update(); if (!this.king.isCheck()) this.protected.push(pr); }); }*/ isATarget() { this.enemy.pieces.forEach((piece) => { piece.moves.forEach((move) => { if (move.x==this.x && move.y==this.y) { let save= { x:piece.x, y:piece.y }; piece.x=move.x; piece.y=move.y; piece.eat(this); update(); if (!piece.king.isCheck()) var rtrn=true; else { var rtrn=false; } piece.x=save.x; piece.y=save.y; piece.unEat(this); update(); return rtrn; } }); }); } diliMoves(li= 1, max= 8) { var moves = []; for (let i=1; i { let friend= this.friendAt(move.x, move.y); if (friend) this.protected.push(friend); else if (Chess.contains(move.x, move.y)) this.moves.push(move); }); } } class Bishop extends Piece { constructor(x, y, master) { let image= new Image(); (master.color=="white") ? image.src= "https://upload.wikimedia.org/wikipedia/commons/9/9b/Chess_blt60.png" : image.src= "https://upload.wikimedia.org/wikipedia/commons/8/81/Chess_bdt60.png"; super(x, y, master, image, 3); } update() { this.moves = this.diliMoves(); } } class Rook extends Piece { constructor(x, y, master) { let image= new Image(); (master.color=="white") ? image.src= "https://upload.wikimedia.org/wikipedia/commons/5/5c/Chess_rlt60.png" : image.src= "https://upload.wikimedia.org/wikipedia/commons/a/a0/Chess_rdt60.png"; super(x, y, master, image, 5); } update() { this.moves = this.diliMoves(0); } } class Queen extends Piece { constructor(x, y, master) { let image= new Image(); (master.color=="white") ? image.src= "https://upload.wikimedia.org/wikipedia/commons/4/49/Chess_qlt60.png" : image.src= "https://upload.wikimedia.org/wikipedia/commons/a/af/Chess_qdt60.png"; super(x, y, master, image, 9); } update() { this.moves = this.diliMoves().concat(this.diliMoves(0)); } } class King extends Piece { constructor(x, y, master) { let image= new Image(); (master.color=="white") ? image.src= "https://upload.wikimedia.org/wikipedia/commons/3/3b/Chess_klt60.png" : image.src= "https://upload.wikimedia.org/wikipedia/commons/e/e3/Chess_kdt60.png"; super(x, y, master, image, 0); this.king = this; } update() { this.moves = this.diliMoves(1, 2).concat(this.diliMoves(0, 2)); } isCheck() { return (this.enemy.pieces.some((piece) => { return (piece.moves.some((move) => { return (move.x==this.x && move.y==this.y); })) })); } } window.onload = function () { setup(); Chess.update(); Chess.draw(); canvas.addEventListener("click", playerListener); } var canvas, ctx, player, ia; function setup() { canvas = document.getElementById("canvas"); canvas.width = Plot.size*8; canvas.height = Plot.size*8; ctx = canvas.getContext("2d"); let ci = Math.round(Math.random()); player = new Player(["white", "black"][ci]); (ci) ? ci=0 : ci=1; ia = new IA(["white", "black"][ci]); player.fillPieces(ia); ia.fillPieces(player); } function collide(a, b) { return (a.x==b.x && a.y==b.y) } function getMousePos(e) { var rect = canvas.getBoundingClientRect(); return { x: e.clientX - rect.left, y: e.clientY - rect.top }; } function playerListener(e) { let mouse = getMousePos(e); mouse.x = Math.floor(mouse.x/Plot.size); mouse.y = Math.floor(mouse.y/Plot.size); if (player.selection && collide(mouse, player.selection)) player.selection=null; else if (!player.pieces.some((piece) => { if (collide(mouse, piece)) { player.selection=piece; return true; } })) { try { player.selection.moves.some((move) => { if (collide(mouse, move)) { player.selection.eat(player.selection.enemyAt(move.x, move.y)); player.selection.x=move.x; player.selection.y=move.y; Chess.update(); Chess.draw(); ia.play(); return true; } }); } catch (e) { player.selection= null; } } Chess.update(); Chess.draw(); }

CHESS GAME