Andrew Heins

banner_chess

jQuery Chess

A simple Javascript chess game in jQuery and jQuery UI.


Concept

While I’ve used quite a bit of Javascript in the past to drive functionality in a given webpage, I’d never had the opportunity to build an application where the Javascript was the primary engine. With all of the incredible things being done with jQuery, YUI and Dojo these days, I thought it would be fun to try my hand at some more complex Javascript. I thought a chess game might be a fun challenge, as I’d never created a game before and there were enough nuances in chess to keep the project interesting.

Execution

I’ve been reading obsessively about Javascript lately, so I wanted to take a few of the things I’d learned and apply them to the project. I took an Object Oriented approach to the game, and I think it turned out better for it. The game is by no means special, but it was a fun exercise.

  • Object-Oriented Javascript
  • jQuery
  • jQuery UI (drag/drop, modals)

Results

I’ve still got a few things to do, including en-passant for pawns, and I’d like to include chess notation in the game readout, but it’s pretty close to done.