HTML Chess

Jan 1, 2020

HTML Chess

An html file that can beat you at chess (probably...)

The html file can be opened and run using almost any browser. (mobile is not supported yet)

Tested on:

  • Edge
  • Chrome

Begin your battle

Functionality includes:

  • Play as white or black
  • Integrated stockfish AI
    • Choose stockfish search depth or search time to adjust difficulty
  • Set starting position using an FEN string or by dragging and dropping pieces
  • Export completed games in UGN notation or current positions to FEN notation
  • Take back and advance moves

Other files

  • htmlchesslines
    • shows a customizable number of "best" lines that are calculated infinitely until a new position is provided
  • htmlchesshelper
    • a simple chess training tool that will give you suggestions and hints as you play a game with take backs

Libraries used:

  • stockfish.js
    • a clone of the stockfish library in js
    • C++ Stockfish library
  • chess.js
    • Javascript chess library that is used for chess move generation/validation, piece placement/movement, and check/checkmate/stalemate detection
  • chessboard.js
    • chessboard.js is a standalone JavaScript Chess Board
  • jquery.js

CDN service provided by jsdeliver & Google