Browser based chess engine with CSS animation

Criado com JavaScript, CSS3, Tipos de letra e tipografia,

  • 202 visualizações
  • 3 comentários

Mais sobre esta demonstração pelo autor

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)

3 comentários até agora

Log in to add your own.

  1. skylamer disse,

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

    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 disse,

    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

Transfira o código fonte 8.95 KB · ficheiro ZIP

Esta demonstração está disponível sob a licença Domínio público (onde aplicável por lei).