Ajedrez en Javascript: DIV, CANVAS

[javifranco]

Buenas,
Tengo que hacer una tarea que me han pedido y aunque la idea la tengo más o menos clara necesitaría otros puntos de vista para tener una solución más limpia y de mejor calidad, ya que lo mío es más la programación de algoritmos y de acceso a datos, y la verdad que nunca he utilizado clases en javascript pero en este caso me gustaría.
Tengo que hacer un ajedrez para que jueguen dos personas en javascript, php y html. Creo que ambas van a jugar en la misma máquina, así que descarto el uso de php y prefiero que se ejecute todo en el lado del cliente. Si fueran dos jugadores cada uno desde su ordenador, ya sería otra historia.
He visto soluciones por internet usando tablas, pero creo que lo suyo hoy en día sería usar 64 divs, y por jquery controlar los eventos de pulsación en esos divs y ya en función de donde pinchen, ver si es una ficha que puede mover, colorear donde las puede mover y luego moverla.
Mi pregunta es: ¿Cual sería la mejor estructura de clases en javascript para ello?
¿Una clase ajedrez que contenga 8 arrays de 8 elementos? Que cada elemento fuera otra clase FICHA, donde guardaría el tipo de ficha y el color.
Harcodeo las reglas para permitir mover o no la ficha o puedo de alguna manera meter su lógica de movimiento en algún campo de la clase, o mejor dicho, en algún método de la clase ficha?
Otra opción sería por html5 con los canvas, pero estoy muy verde, si alguien me diera un pequeño análisis de como hacerlo por canvas, sería de agradecer para poder presentar las dos versiones.

Muchas gracias de antemano y aunque no postee mucho os sigo leyendo.
Lo presentaré el martes

[Panino5001]

Yo haría un objeto tablero, en el cual guardaría la posición de cada pieza y el estado del juego en general (jugada imposible, enroque, enroque imposible, coronaciones, jaque, jaque mate, saltos de caballo, etc). Luego, un objeto pieza con las propiedades color y tipo (que le darían al objeto tablero la posibilidad de trabajar).
En este caso en particular no ganarías nada haciéndelo con canvas a menos que desees hacer una versión en perspectiva. Si ese fuera el caso, te tocará trabajar con matrices y mucha álgebra lineal. Un ejemplo, aquí: http://www.nihilogic.dk/labs/chess/

[furoya]

Un detalle que no tiene que ver con JS : no uses div's. Si sabes de ajedrez, entonces conoces la manera de ubicar los trebejos por coordenadas. Y eso es una tabla.

También hay caracteres para ajedrez, aunque coincido en que para tu caso es mejor usar imágenes.

Me gustaría ver cómo terminas resolviendo el asunto de las reglas. Me parece que puede ser bastante complicado el comer piezas y "coronarlas" en el caso de que juegues variantes con recupero.
Lo más fácil debe ser tomar los tiempos.


font-family: unicode;