Simple chess game created with P5JS Library. Tried to create as many rules as possible, but if you notice something is missing, do let me know and I will try to implement it.

You need to include p5js and p5.dom scripts as well as dist/app.js in your html document. See index.html for reference

The chess board is generated within the element with id #chess

The board style could be configured by using html attributes like so:

<div id="chess" tiles-width="100"></div>

or

<div id="chess" data-tiles-width="100"></div>

Here is the full list of parameters which could be passed:

You could access the game object like this:

window.addEventListener('chess.ready', function() {
	//Do something with this
	window.game;
}, false);
console.log(window.game);

or just

window.addEventListener('chess.ready', function() {
	//Do something with this
	game;
}, false);

let figures = game.getFigures('white');

let figures = game.whosTurn();

X and Y could be value between 0 and 7

let figures = game.figureAt({x: 1, y: 4});

let figures = game.figureAt({x: 1, y: 4}).move({x: 3, y: 4});

let figures = game.figureOn('D2');

let figures = game.figureOn('D2').moveOn('D4');

let figures = game.figureOn('D2').moves();

List of all figures on the board

not used on the board but will count the points of the two players

list of moves so far

History object could be accessed like this

let history = game.history

get moves so far

game.history.moves

go back 1 move in history. Before using this it could be checked if there is more moves in back with game.history.hasBack()

game.history.back()

go forward 1 move in history. Before using this it could be checked if there is more moves in forward with game.history.hasForward()

game.history.forward()