The JChessBoard is a js+canvas chessboard implementation.
I have been creating this project just for fun and for academic purposes.
- JCanvas as a graphical backend
- Step validation
- Step help (showing possible steps)
- FEN - is a standard notation for describing a particular board position
- The algebraic notation - is a method for recording and describing the moves in a game
- jquery - https://jquery.com/
- jcanvas - http://calebevans.me/projects/jcanvas/
- qunit - https://qunitjs.com/ (only for dev)
<!DOCTYPE html>
<html>
<head>
<script src=jquery.js"></script>
<script src="jcanvas.js"></script>
<script src="jchessboard.js"></script>
</head>
<canvas width="512" height="512">
</canvas>
<script>
var board = $('canvas').jschessboard().board;
board.start();
</script>
</body>
</html>
- .start() - start a new game from the standard position
- .fenToPosition() - convert a fen string to the board position
- .positionToFen() - an opposite action to the previous fenToPosition
- .clear() - clear the board
- .move() - the main tool it moves a piece to a cell. a set of parameters can be: the algebraic notation or the cell number (a bitboard representation). Example: .move(52, 36) it is same as .move('e2e4') or .move('e4')
You can consult the source code for definition of additional actions and events.
Want to contribute? Great!
Run in browser: tests/board/qunit.html tests/engine/qunit.html
- Fix broken tests
- Add en passant support
- Fix drag-n-drop freezes in firefox
This project is licensed under the terms of the MIT license.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent