The purpose with this page is to show how one might build a Hex board using a small number of graphic elements (GIFs), glued together with HTML.
You may copy freely from this page, including the GIFs, but I would appreciate if you give me some credits.
I hope one day to make this board interactive, so you can actually make "moves" by clicking on the hexagons. It shouldn't be too difficult (I hope), maybe using JavaScript, Perl or WebObjects. If you do something like that, please let me know!
Some conventions:
In David Boll's Hex FAQ, the columns are named by letters A, B, C, ... from left to right, and the rows are numbered 1, 2, 3, ... downwards.
The "vertical" player makes the first move. I prefer the "vertical" player to use the red pieces, and the "horizontal" player to use the blue ones. Remember: Red Sun raising/setting vertically; Blue Water flowing horizontally.
The GIFs I used to build the Hex board, are:
| top1.gif |  | left half | single width |
|---|---|---|---|
| top2.gif |  | right half | single width |
| top0.gif |  | place-holder | single width |
| nox.gif |  | empty hexagon | double width |
| redx.gif |  | red piece | double width |
| bluex.gif |  | blue piece | double width |
| lefte.gif |  | left edge | single width |
| righte.gif |  | right edge | single width |
| right0.gif |  | final right edge | single width |
| bot.gif |  | bottom | double width |