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.

No hay comentarios

Con la tecnología de Blogger.