Diagramas dinámicos: nueva herramienta de difusión ajedrecística

por Albert Silver
18/01/2017 – En las publicaciones de ajedrez no hay nada tan omnipresente como los diagramas. Desde los primeros manuscritos del siglo XIII a los más recientes artículos en la web al cabo de casi 850 años, los diagramas resultan un elemento clave de esa historia. Puede resultar sorprendente su poca evolución, más allá de los aspectos gráficos y artísticos. Hasta ahora: ChessBase ha desarrollado una nueva herramienta, que puede incluir en sus páginas web...

ChessBase 14 Download ChessBase 14  Download

Programa de gestión de bases de datos de ajedrez que es referencia mundial. Todos usan ChessBase, desde el campeón del mundo al aficionado. Inicie su historia de éxito personal con ChessBase.

Más información...

Incluso en obras que datan del siglo XIII, aparecen posiciones esquemáticas de partidas de ajedrez, lo que da idea de la importancia de esos elementos en las publicaciones sobre el juego de reyes.

"Juegos diversos de axedrez, dados, y tablas con sus explicaciones, ordenados por mandado del rey don Alfonso X el Sabio", fechado en 1283, es el texto más antiguo sobre estos juegos, en especial el ajedrez. Este tratado, ilustrado con 150 miniaturas, consta de 98 folios de pergamino, y está dividido en siete partes; la primera de ellas está dedicada al ajedrez. Se conserva en la Biblioteca de El Escorial.

Aunque la impresión de libros sigue estando vinculada al uso de diagramas para ilustrar el flujo de una partida, las páginas web como la de noticias de ChesssBase y muchas otras usan reproductores de partidas que permiten a los lectores examinar toda la partida y sus comentarios.

No es ninguna sorpresa que ChessBase haya creado su propio reproductor, con lista de partidas y un módulo integrado para ayudar en los análisis, que todo el mundo puede usar gratuitamente en sus páginas, pero eso no elimina el interés de los diagramas, que tienen sus usos exclusivos también.

El fin más evidente es mostrar un posición o un problema que resolver, en el que un reproductor resultaría exagerado. Bien, dirá usted, pero ¿qué hay de especial en esos nuevos diagramas?

Diagramas estáticos

 

En el diagrama de la parte superior, puede ver una posición de Adolf Anderssen – Carl Mayet. El gran jugador alemán acaba de realizar la espectacular (y 100 % correcta) 22. Cg4!! Conduce al mate de manera forzada y a una situación muy pintoresca con los dos caballos amenazados por los peones. Es un típico diagrama sin adornos. ¡Pruebe a mover una pieza de las negras!

El código de la posición es:

<div class="cbdiagram"
data-size="420"
data-buttons="0"
data-fen="r1b2r2/pp4k1/1bpp1q1p/5ppQ/2B2NN1/2P5/P5PP/R1B1R2K b - - 0 22">
</div>

(Advierta el uso del parámetro data-buttons="0" para desactivar los botones)

Diagrama dinámico

 

Esta es exactamente la misma posición que antes, pero advertirá un par de flechas en la parte inferior. Es el equivalente digital de simplemente colocar una posición y poder mover las piezas. Los botones con flechas (o las teclas del teclado) le permitirán retroceder o avanzar a lo largo de la variante principal. La pequeña bola blanca o negra de la esquina inferior derecha le indica de quién es el turno de juego.

El código de la posición es:

<div class="cbdiagram"
data-size="420"
data-fen="r1b2r2/pp4k1/1bpp1q1p/5ppQ/2B2NN1/2P5/P5PP/R1B1R2K b - - 0 22">
</div>

Diagrama problema/solución

 

Por último llegamos a la variante evidentemente más útil de esta nueva herramienta. En la parte superior tiene una posición (también tomada de Anderssen-Mayet) en la que las blancas juegan y ganan. Si realiza la jugada correcta 20. Txe5! verá un mensaje superpuesto al tablero que dice “Jugada correcta” y si hace cualquier otro movimiento dirá “Jugada errónea. Inténtelo otra vez”.

Como ve hay dos botones más bajo el tablero: el aro salvavidas, que sirve para pedir una pista, y el semáforo verde, que indica que solicita la solución.

Esta forma compacta y sencilla permite a cualquiera publicar problemas a resolver.

<div class="cbdiagram"
data-size="420"
data-fen="r1b2r1k/pp2q2p/1bpp4/4nppQ/2B2N2/2P5/P2N2PP/R1B1R2K w - - 0 20"
data-legend="Blancas juegan y ganan."
data-hint="Piense 'ataque doble'."
data-solution="e1e5">
</div>

Advierta que se han añadido los parámetros data-legend, data-hint y data-solution.

Cómo añadir diagramas dinámicos a sus páginas

El propósito de este artículo no es solo mostrarle esta nueva herramienta de las páginas de noticias de ChessBase, sino ofrecérsela para sus páginas, si lo desea. No tiene ningún coste y añadir el código a su blog (si admite JavaScript) o sitio web es muy fácil.

Instrucciones completas

Mediante el enlace de la parte superior puede acceder a la página con instrucciones. Puesto que resultan un poco escuetas, vamos a ilustarlas un poco más.

En la parte superior del código HTML, en la sección <head> , debe añadir estas 3 líneas:

<link rel="stylesheet" type="text/css" href="https://pgn.chessbase.com/CBReplay.css" />
<script src="https://pgn.chessbase.com/jquery-3.0.0.min.js"></script>
<script src="https://pgn.chessbase.com/cbreplay.js" type="text/javascript"></script>

Incluso aunque sólo esté interesado en la imágen más simple, con esta herramienta no tendrá que crear una imagen para cada posición. Las tres lineas anteriores son necesarias también si quiere insertar el reproductor de partidas PGN Javascript, así que si ya las ha incluido en el código de su página o blog, no necesita volver a hacerlo. 

Ahora añadamos el código específico para el diagrama. El más sencillo es como sigue:

<div class="cbdiagram"
data-size="400"
data-fen="b5k1/1qrr1p1p/4nQ2/5N2/6P1/1P3P1P/1P6/R1R3K1 w - - 0 0"
data-legend="Juegan blancas - Mate en tres.">
</div>

El parámetro data-size es el ancho del tablero en pixels y puede modificarlo a voluntad.

En el parámetro data-legend se incluye el texto que aparece como pie del diagrama. Es opcional.

El parámetro data-fen es la parte que puede resultar más complicada. FEN es un sistema de codificación de posiciones de ajedrez en una línea de datos. Hay muchos programas que le permiten generar la notación FEN a partir de una posición y entre ellos están ChessBase y Fritz. Sin embargo, si no posee ninguno de esos programas, puede usar las instrucciones que siguen descargando e instalando el lector de bases de datos de ChessBase 100 % gratuito.

Obtener la notación FEN de una posición

En ChessBase (y en el ChessBase Reader) o Fritz, abra la partida y avance hasta la posición que desee. En la imagen tiene la posición exacta de Anderssen-Mayet que sería un estupendo problema de ajedrez.

Con ella en el tablero, vaya a la cinta de funciones de la parte superior (Inicio) y haga clic en "Copiar posición". De esa forma copiará el código FEN al portapapeles de Windows. Para pegarlo en otro lugar de Windows, solo tiene que pulsar la combinación de teclas Ctrl-V.

Para el código del diagrama, solo tenemos que sustituir el código FEN del ejemplo con el de la posición que deseemos.

Se dispone de algunas opciones más, como añadir pistas, la solución  e incluso flechas y casillas coloreadas.

Nuestro código final de ejemplo queda como sigue:

<div class="cbdiagram"
data-size="420"
data-fen="r1b2r1k/pp2q2p/1bpp4/4nppQ/2B2N2/2P5/P2N2PP/R1B1R2K w - - 0 20"
data-legend="Blancas juegan y ganan. Se usaron todas las opciones disponibles"
data-hint="Piense en 'damacidio'."
data-solution="e1e5"
data-arrows="c4g8,h5h7"
data-squares="e7,h8">
</div>

Y el resultado final tiene este aspecto:

 

FEN proviene de las iniciales de “Forsyth-Edwards Notation”. Puede pegar y copiar código FEN desde y en la ventana de configuración de posiciones de nuestros programas. 

Si en la ventana principal de Fritz, ChessBase o ChessBase reader pulsa la tecla S se abre el diálogo de configurar posiciones. Una vez armada la posición deseada, haciendo clic en el botón "Copiar FEN" ya dispondrá del código FEN de la posición en el portapapeles de Windows para pegarlo en donde desee.



Editor y escritor de la página de ChessBase de noticias en inglés. Vive en Río de Janeiro (Brasil)
Discussion and Feedback Join the public discussion or submit your feedback to the editors


Comentar

Normas sobre los comentarios

 
 

¿Aún no eres usuario? Registro