Test, Chess board

Testing for the ascii of chess pieces and spacing.

With Courier New font:

8 ║♜ ♞ ♝ ♛ ♚ ♝ ♞ ♜
7 ║:chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn:
6 ║… … … … … … … …
5 ║… … … … … … … …
4 ║… … … … … … … …
3 ║… … ♘ … … … … …
2 ║♙ ♙ ♙ ♙ ♙ ♙ ♙ ♙
1 ║♖ … ♗ ♕ ♔ ♗ ♘ ♖
—.╚═══════════════
—— a b c d e f g h

Nc3 - Dunst Opening
With regular font:

8 ║♜ ♞ ♝ ♛ ♚ ♝ ♞ ♜
7 ║:chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn:
6 ║… … … … … … … …
5 ║… … … … … … … …
4 ║… … … … … … … …
3 ║… … ♘ … … … … …
2 ║♙ ♙ ♙ ♙ ♙ ♙ ♙ ♙
1 ║♖ … ♗ ♕ ♔ ♗ ♘ ♖
—.╚═══════════════
—— a b c d e f g h

In code:


8 ║♜ ♞ ♝ ♛ ♚ ♝ ♞ ♜
7 ║♟ ♟ ♟ ♟ ♟ ♟ ♟ ♟
6 ║… … … … … … … …
5 ║… … … … … … … … 
4 ║… … … … … … … …
3 ║… … ♘ … … … … …
2 ║♙ ♙ ♙ ♙ ♙ ♙ ♙ ♙
1 ║♖ … ♗ ♕ ♔ ♗ ♘ ♖
—.╚═══════════════
—— a b c d e f g h

From here Courier New font looks better. Had to post to test in other browsers, comments welcomed.

That remark was when using Firefox, in Chrome it is the Unicode that works perfectly. Both used in Linux.

In Android with Opera none of them align properly, but the chess pieces do appear.

For me - Chrome on Windows, the pieces are a little larger than the empty spaces. This causes the board to be shifted around a bit. For instance, the move you showed has the rook in line three half way between the second and third pawn in line 2. This is true for all three versions.

Opera desktop:

They line up, etc… But way too small. Can barely tell they are chess pieces. The Knights in particular look like irregular blobs. Regular font is better than new.

I could probably zoom the page but then I’d have to keep fudging with it.

This is probably going to be the big issue. People have the default size set to different amounts based on their screen size, preferences, etc. One-size-fits-all isn’t going to happen.

Iphone Safari. The elipsis seem to throw the spacing of everything off.

I think a monospace font like Courier New is definitely best for something like chess that absolutely requires alignment, if we have one. It doesn’t line up to me on Chrome though.

All three look good on my Mac using Firefox. Spacing is best in regular font.

OSX, whatever the latest Firefox is: Both the code and the courier versions line up correctly for me, while the default font does not. However, in all cases, the characters for the pieces look blobby and somewhat indistinct. While individual sizes will vary, I suspect it might be a good idea to increase the base size by one step anyway.

oops will try again

For alignment purposes, I’ve always found it best to use the code tags. However, it does take tweaking to set up cleanly, as the edit font isn’t monospace.

In Chrome on my machine, all the periods and spaces as empty blocks are smaller than the characters in all formats, so it throws off alignment. All show the black pieces aligned with each other, the empty board section is squished left, the white pawns align with black, and the white row below has the empty spot for the knight throwing off spacing on the last line.

You may need to use more dots and spaces. That probably only works inside code tags. Default mode for web in all fonts seems to be to concatenate spaces (i.e. scrunch them).

Okay, I’ve been playing with this in Preview Post, and it appears the problem is that the Chess pieces are not the same width as the characters. I have not successfully found a way to fix the spacing issue. I have tried, in code tags

  1. Changing the number of spaces. No joy.

  2. Changing the … to … or … . No joy.

  3. Changing the … to _ or __ . No joy.

  4. Changing the size of the font for the spacing characters to 3, 4, and 5. 4 is too small and 5 is too big.

I can’t get anything to work.

Yes, that seems to be the main problem, the Chess pieces are not the same width as the characters, the ones making the new ASCII characters should had made squares of the same width.

Oh well, I will experiment with other formats; I’m not trying to make a chess game, but the challenge is to make an easy to edit ascii set to show positions to other posters and students without having to link outside.

Thank you all for your feedback.

Cracked it!

Using FixedSys gets the pieces right but the letters wrong, so you put the letters on Courier New as below!

8 ║♜ ♞ ♝ ♛ ♚ ♝ ♞ ♜
7 ║:chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn:
6 ║… … … … … … … …
5 ║… … … … … … … …
4 ║… … … … … … … …
3 ║… … ♘ … … … … …
2 ║♙ ♙ ♙ ♙ ♙ ♙ ♙ ♙
1 ║♖ … ♗ ♕ ♔ ♗ ♘ ♖
[font=“Courier New”]>> a b c d e f g h
[/FONT]

That looks fine to me. Good job.

Yeah, although it is a little bit off for the ellipsis’s, it looks good enough for position notes. Thanks a lot Quartz!

Widows and Firefox

The spacing isn’t working at all

the empty spaces are way too narrow (eight empty spaces is same width as five chess pieces)

the letters about half a row too narrow

eta

I’m not seeing ellipsis with the last attempt, just a black square

Doesn’t look quite right to me. This is what I see.

http://imgur.com/0sFQYGe

I also see the letters unaligned, but pushed to the right. All else is cool. And you could live with the letters either way.

Safari iPad.

Win 7, Firefox 34.0.5. In the OP, none of the examples is correctly aligned.

Quartz’s post contains a perfectly chessboard.

I suggest using a symbol other than ellipses. You want to be sure that all the chess symbols are being pulled from the same font. Ellipses are so far away from the chess pieces that they could easily be pulled from a different font. The chess pieces are almost certainly being substituted from a different font.

Symbols to consider instead of ellipses: ☐ ♢♦. You can make those a light gray so they won’t get in the way with the other pieces. For example:

8 ║♜ ♞ ♝ ♛ ♚ ♝ ♞ ♜
7 ║:chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn:
6 ║:diamonds: :diamonds: :diamonds: :diamonds: :diamonds: :diamonds: :diamonds: :diamonds:
5 ║:diamonds: :diamonds: :diamonds: :diamonds: :diamonds: :diamonds: :diamonds: :diamonds:
4 ║:diamonds: :diamonds: :diamonds: :diamonds: :diamonds: :diamonds: :diamonds: :diamonds:
3 ║:diamonds: :diamonds::diamonds: :diamonds: :diamonds: :diamonds: :diamonds:
2 ║♙ ♙ ♙ ♙ ♙ ♙ ♙ ♙
1 ║♖ :diamonds: ♗ ♕ ♔ ♗ ♘ ♖

Or if you don’t like the formatting, I think this looks okay:

8 ║♜ ♞ ♝ ♛ ♚ ♝ ♞ ♜
7 ║:chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn: :chess_pawn:
6 ║♢ ♢ ♢ ♢ ♢ ♢ ♢ ♢
5 ║♢ ♢ ♢ ♢ ♢ ♢ ♢ ♢
4 ║♢ ♢ ♢ ♢ ♢ ♢ ♢ ♢
3 ║♢ ♢ ♘ ♢ ♢ ♢ ♢ ♢
2 ║♙ ♙ ♙ ♙ ♙ ♙ ♙ ♙
1 ║♖ ♢ ♗ ♕ ♔ ♗ ♘ ♖

Unfortunately, the a-h stuff are also from far off code points, and thus are likely to be rendered in a different font. I’d honestly just get the best you can, and stick with that.

Looks pretty bad to me.

Imgur