3, 2, 1... PUZZLE DEL DIA!! (PUZZLE WEB DE AJEDREZ DE PGN4WEB)

Hola a tod@s (Hello World!)

En este artículo vamos a implementar un puzzle de ajedrez para web que se actualiza diariamente gracias a unos servicios que presenta pgn4web

¡Comenzamos!

Básicamente la idea será en implementar un iframe basándonos en una dirección url que nos propociona pg4web con una lista de parámetros de configuración que nos permitirá retocar el puzzle para implementarlo en una página web.

Código HTML del EJEMPLO:

<iframe height='325' width='325' frameborder='0' src='http://pgn4web.casaschi.net/puzzler.php?squareSize=35'></iframe>

En esta implementación vamos a utilizar nuestra etiqueta conocida "iframe" donde podemos jugar con los tamaños width y height, y simplemente pgn4web nos establece unos parámetros de configuración que pondremos en el src para poder cambiar los colores, tamaños etc... Recordar que cada parámetro se separa con & (Ej: http://pgn4web.casaschi.net/puzzler.php?parametro1=loquesea1&parametro2=loqusea2&...)

VALORES POSIBLES EN EL IFRAME

Parámetro	Descripción
pgnData	Fichero PGN del puzzle, PREDETERMINADO: tactics.pgn
gameNum	Número de Partida del PGN, PREDETERMINADO: blank
squareSize	Tamaño de la casilla en pixeles, PREDETERMINADO 30
lightColorHex	Color casilla iluminada (Formato hexadecimal), PREDETERMINADO: EFF4EC
darkColorHex	Color casillas negras (Formato hexadecimal), PREDETERMINADO: C6CEC3
pieceFont	Tipo de Piezas (alpha, merida, uscf, random, hash o default), PREDETERMINADO: default
controlBackgroundColorHex	Color de los botones (Formato hexadecimal), PREDETERMINADO: EFF4EC
controlTextColorHex	Color del texto de los botones (Formato hexadecimal), PREDETERMINADO: 888888
frameBorderColorHex	Color del border de la ventana (Formato hexadecimal), PREDETERMINADO: A4A4A4

La salida es la siguiente:

Good playground! Y cualquier duda, sugerencia, reclamación, etc... podéis comentar! Saludos.