Durante estos meses he recibido numerosas consultas al correo del blog. Algunas ellas me piden enlaces para descargar libros, y siempre respondo lo mismo: “preguntadle a Google que de esto, como de otras cosas “sabe” mucho”. – ¡Qué borde!-, con razón pensarán algunos. También he recibido una misma consulta de varias personas distintas. En concreto la consulta se refiere a cómo poner una posición concreta en el visor de ChessTempo. Antonio, Fernado y Karen, a continuación comento como hacerlo, es muy fácil. Cuando creamos la instancia para incluir el visor, que lo hacemos al pinchar sobre la pestaña que habilita el modo “Edición de HTML” y escribimos por ejemplo:
<script> new PgnViewer( { boardName: "Amber2008ronda11", pgnString: '[Event "Amber 2008 Blind"][Date "27-03-2008"][Round "11"][White "Anand"][Black "van Wely"][Result "1/2-1/2"][WhiteElo "2799"][BlackElo "2681"] 1. e4 c5 2. Nf3 d6 3. d4 cxd4 4. Nxd4 Nf6 5. Nc3 a6 6. Be2 e6 7. O-O Be7 8. a4 Nc6 9. Be3 O-O 10. f4 Qc7 11. Kh1 Re8 12. Bd3 Nb4 13. a5 Bd7 14. Nf3 Bc6 15. Qe2 Nd7 16. Bd4 e5 17. fxe5 dxe5 18. Be3 Nxd3 19. cxd3 Nc5 20. Ng5 Bxg5 1/2-1/2' } ); </script><div id="Amber2008ronda11-container"></div><div id="Amber2008ronda11-moves"></div><div style="clear:both; padding-bottom:0.25em"></div>
En lugar de escribir la partida entera podemos escribir una posición determinada utilizando la notación FEN (enlace con más información) que define una determinada posición de una partida. Cualquier aplicación informática que manejemos no permitirá obtener la notación FEN de una posición. Por ejemplo, la notación FEN de la posición tras la jugada 15…Nd7 de la partida anterior es:
<r3r1k1/1pqnbppp/p1bpp3/P7/1n2PP2/2NBBN2/1PP1Q1PP/R4R1K w - - 5 16>
Pues ahora para colocar en el visor esta posición y partir de ella el ejemplo de código sería este:
<script> new PgnViewer( { boardName: "Amber2008ronda11", pgnString: '[Event "Amber 2008 Blind"][Date "27-03-2008"][Round "11"][White "Anand"][Black "van Wely"][Result "1/2-1/2"][WhiteElo "2799"][BlackElo "2681"][FEN "r3r1k1/1pqnbppp/p1bpp3/P7/1n2PP2/2NBBN2/1PP1Q1PP/R4R1K w - - 5 16 16"]' } ); </script><div id="Amber2008ronda11-container"></div><div id="Amber2008ronda11-moves"></div><div style="clear:both; padding-bottom:0.25em"></div>
Un saludo.



















2 comentarios:
Primero que todo quiero agradecerte por tus 2 tutoriales sobre el visor de ChessTempo. Gracias a ti lo logré y para mi se abren nuevos horizontes. También logré poner una posición FEN y su lista de movimientos.
Utilizé el Mate de Greco como prueba, este es:
El Mate de Greco:
< >
new PgnViewer(
{ boardName: "Game0003",
pgnString: '[Event "El Mate de Greco"][Site "?"][Date "1619.??.??"][Round "-"][White "Gioachino Greco"][Black "N.N."][Result "1-0"][FEN "r1bqr2k/pppp1Qpn/2n5/2b3P1/2B1P3/2PP4/PP3PP1/RNB1K2R w KQ - 0 1"][SetUp "1"] 1.Rxh7+ Kxh7 2.Qh5# 1-0', showCoordinates:1 } );
< id="Game0003-container">
< id="Game0003-moves">
< style="clear: both; padding-bottom: 0.25em;">
Como este código es pequeño lo puedes entender fácilmente, observa que luego del FEN está [SetUp "1"].
Lo que no entiendo es porque el tablero me sale en colores de grises si copié tu código idéntico, no como lo tiene ChessTempo. Talvéz así es menos pesado y por algo así lo usa ChessTempo.
Ahora sí voy a cargar mi blog hasta desbordarlo.
Nuevamente agradecido y que te sigas superando.
Gracias CaballoNegro57, la opción "SetUp" permite poner problemas para su resolución con el visor.
Para el tema de los colores no sé que puede ser. Revisa que en tu plantilla estén colocados junto con el resto de definición de estilos del visor antes de la etiqueta "head":
.ct-black-square { background-color: #CD853F; }
.ct-white-square { background-color: #FFDEAD; }
Un saludo.
Publicar un comentario en la entrada
Bienvenid@s a Tablajedrez.
Deja tu comentario y pronto lo leeré para darlo de alta.
Gracias por tu visita.