Welcome to the js-jschess web site

js-jschess is a pure JavaScript library that enables:

• Showing chess games in PGN format (hardcoded or coming from a server)
• Showing chess positions in FEN format (hardcoded or coming from a server)
• Writing a web app that shows chess riddles and their solutions
• Writing a web app that enables the end user to create chess positions and save them (in FEN or other format)
• Allows to build a chess game where the player plays a server or some other player
• Allows to build live broadcast systems for competitions
• Other things I did not think about

What makes js-jschess special:

• Pure object oriented javascript
• No images - totally scalable graphics
• You can have your board at any size you want (because of scalable graphics)
• As a result of being pure javascript totally controllable programatically
• Looks best (can animate the pieces, show arrows and what not)
• Free source. Full freedom to tweak or you can ask me for help with implementing a feature
• Sits on top of raphaeljs for high level SVG capabilities
• Sits on top of prototypejs to make object oriented easier and more error free
• Sits on top of chess.js to do game parsing and validation

Technologies used to develop js-jschess...

• jsl to make sure javascript code is standards complient
• qunitjs for testing
• YUI compressor is used for compressing
• jsmin is used for compressing
• python is used for scripting
• mako is used for templating the web site
• GNU make is used for building
• JavaScript Lint is used for checking the source code
• Closure Linter is used for checking the source code

The current version of js-jschess is 0.0.1

This is alpha material at the moment, use at your own risk! API is subject to change!

Some links:

• js-jschess API is here
• js-jschess github clone link is here
• js-jschess github development is at here
• js-jschess website is at here
• latest full build for js-jschess is jschess.js
• latest minified output for js-jschess is jschess.min.js
• latest package (with third parties) for js-jschess is jschess.pack.js
• latest sources for js-jschess is jschess.zip

Demos of js-jschess...

• Using the pack.js file
• Using the min.js file
• Moving pieces
• Showing a FEN position
• Showing controls
• Showing a PGN game
• Config options
• Using the Wordpress plugin

Misc pages that help develop js-jschess and possibly other things...

• SVG path calculator (comes in handy when doing SVG graphics)
• js-jschess QUnit tests

Here is a quick demo (go ahead and zoom it with Ctrl+[+/-] to see what SVG is all about...):

Copyright Mark Veltzer © 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022, 2023, 2024, 2025, 2026 mark.veltzer@gmail.com