Browser based chess engine with CSS animation

Construit avec JavaScript, CSS3, Fonts & Type,

  • 238 vues
  • 3 commentaires

L'auteur nous en dit plus sur cette démo

This demo is based on Douglas Bagnall's javascript chess game written for the 5k competition in 2002 ( Use of unicode was inspired by Antony Lesuisse's version of the game (2005). Animation added by Yehuda B. (2011)

déjà 3 commentaires

Connectez-vous pour ajouter la vôtre.

  1. skylamer a dit

    and if its not secret, where are the css animations in thiz demo? :)
  2. yehudab a dit

    Due to the huge number of combinations, I could not program each complete move (e.g. b5xc7 e8-f8) as a single keyframe animation sequence. What I did is define CSS transitions, which I activate either using CSS transition-delay or using Javascript. Javascript timeouts are only used if a piece is captured, or in autplay to allow the viewer to follow the moves. In any case, Javascript does not control the pixel-by-pixel movements of each piece.
  3. richardpd a dit

    I played this twice and found it doesn't support capturing enpassant properly.
    This is a shame as it has lots of potential & I would have liked to have added it to a website but cannot do so in it's present state. Does it support all other chess rules fully? I would need to play more games with it to find out. Anyway It would be great if it did! (otherwise not so useful-but maybe not too hard for someone to add JS code to fully implement chess rules? Anyone interested in doing this?)
    However interesting nice attempt at animated JScript chess game.

About this Demo

Téléchargez le fichier ZIP · 8.95 Ko

Cette démo est fournie sous la licence Public Domain (where applicable by law).