This chess game is using interactions to show piece selection and to move pieces.

​

The chess engine is based Garbochess-JS, an open source chess game implemented in Javascript.

​

The chess engine itself is in the file engine.js

​

The board is based on boxes with alternate colors, on top other boxes blue 50% transparent boxes set as hidden on load, and on top of those pictures for the pieces. 

​

When a piece is selected, we toggle the visibility of the selection boxes.

​

When a piece is moved, we change the picture url to the piece picture and show the piece using FadeIn.