Join this site Explore »

Add chessdiagrams

W e l c o m e ! » Help » List of community-edited How-To's » Page Content » Add chessdiagrams

Posted by Helmut_pdorf on 05 Mar 2012 18:07, last edited by Helmut_pdorf on 05 Mar 2012 18:09

Following a wish on our feedback site (http://feedback.wikidot.com/wish:764 - chessdiagrams) I made a quick search on the chessworld for an easy implement of such an chess image builder..
The normal way is to search for some free apllications to create at the home pc some png or jpg images of a chess diagramm (or a html table) and upload it to a wikidot page to insert it as an image of a goven position.

The found solution is easier and nothing is to implement on your page - I describe here the usage of

http://www.eddins.net/steve/chess/chessimager

Using the image-source url as a command!

Put after an image tag the "url adress" of the ChessImager.php and after the fen= end your "wished position in the FEN notation".

Example:
5N1k/6p1/7p/4P3/pp2Q3/4q3/1P4PP/2b4K/ reads as for the 1. line (line 8) 5 effective empty fields, White Knight, 1 empty field, black King. next line 6 empty fields, own black pawn, 1 empty field.. and so on).
( description FEN Noattion see also http://code.google.com/p/chessimager/wiki/UsingFen )

[[image http://www.eddins.net/steve/chess/ChessImager/ChessImager.php?fen=5N1k/6p1/7p/4P3/pp2Q3/4q3/1P4PP/2b4K/ ]] is rendered as :

For a first try not so bad !

Notice the starting white field at the left top - this is the standard view of the chess board…

What you can change for the outcoming - constructed image is :

size default 35px) - http://code.google.com/p/chessimager/wiki/SquareSize
border (thick, color) - http://code.google.com/p/chessimager/wiki/Border
coordinates on/off - http://code.google.com/p/chessimager/wiki/BoardCoordinates
colors(light,dark fields) - http://code.google.com/p/chessimager/wiki/SquareColors
style (board, pieces) - http://code.google.com/p/chessimager/wiki/PieceStyle
view direction ( White - Black) - http://code.google.com/p/chessimager/wiki/ReverseBoard

What is not shown :

the last move(s), the situation of rochades, or if one King was in chess ( before a rochade) a,.s.o.

Examples:

with some extra codes like size, coordinates=on, colors, style
&square_size=25
&coordinates=on
&ds_color=(70,109,186)&ls_color=(255,220,175)
&piece_style=leipzig ( default=merida !)
&border_width=3&border_color=(0,0,0)

[[image  http://www.eddins.net/steve/chess/ChessImager/ChessImager.php?fen=5N1k/6p1/7p/4P3/pp2Q3/4q3/1P4PP/2b4K/&square_size=25&coordinates=on&ds_color=(70,109,186)&ls_color=(255,220,175)&piece_style=leipzig&border_width=3&border_color=(0,0,0)]]

gives as an image here inserted:
&square_size=25&coordinates=on&ds_color=(70,109,186)&ls_color=(255,220,175)&piece_style=leipzig&border_width=3&border_color=(0,0,0)