Game Box Creation - Image Files

Game Box Creation edit
Introduction Image Files The Library Python scripts	Control Syntax Control Semantics Testing Publishing

About Images

Game Box images consist of the map board, the stock market and various tile and token sheets. This page discusses the creation of these image files for a game box.

The preferred format for all game box image files is Portable Network Graphics (.png). An image to png converter can be found here.

Some Good Sources Of 18xx Images

• Keith Thomasson on the Web Keith has given me permission to use his graphics.

Note that some games listed on the Game Boxes page already have source files uploaded from Keith's site to this WIKI.

• Some images can be copied from Cyberboard game boxes. Below I will describe two ways to do this.

• If you know of other sources, please let me know.

GIMP PythonFu Scripts

There are a number of GIMP PythonFu scripts for creating graphics in the buildingBlocks/gimpPythonScripts directory of the Gitorious BOARD18/gamebox repository. They can be installed in the gimp image editor by performing the following steps:

1. In the GIMP image editor, use Preferences, Folders->Plug-ins to find location of plug-ins on your system. You'll see two directories. Do not use the system directory. Instead use your personal plug-ins directory. It should look something like ~/.gimp-2.6/plug-ins/
2. Copy the contents of the buildingBlocks/gimpPythonScripts directory into this directory.
3. Make each of the copied files executable: chmod +x ~/.gimp-2.6/plug-ins/FILENAME.py
4. Restart the GIMP image editor.
5. The Python scripts will appear in the Filters->BD18 menu of the GIMP image editor.

The Tile Adjust Script

This script will adjust the scale and orientation of a tile image. First it will rotate image by 30 degrees then it will scale it to 100x116 pix. All extra white space will be clipped by the script.

The tile to be adjusted should be the only graphic data on the image. Remove any surrounding text before adjusting tile.

The Batch Tile Adjust Script

This script will prompt for two parameters:

• "Input directory" A directory containing one or more tile images.
• "Output directory" An existing directory.

It will then call the tile adjust script for each .png file in the input directory.
It will put the resultant adjusted tile into the output directory as a .png file.

Game Board Images

Export from Cyberboard

If you have access to Cyberboard and a Cyberboard game box for the game in question then you can get the game board image directly from Cyberboard.

First access a game file using cbplay and, if there are any tiles or tokens on the board, press the hide counters button. Then select Edit > Copy Board Image To Clipboard. Then start GIMP and select Edit > Paste as New Image. Then adjust the scale (if necessary) and finally save the game board as a .png file.

When I did this for a 1870 game board the hexes measured 60 pixels wide by 70 pixels high. So I used 100/60 as the scaling factor for the width of the image and 116/70 as the scaling factor for the hight of the image. This achieved a map with hexes that conformed to the BOARD18 standard.

Keith Thomasson Map Graphics

The Keith Thomasson map graphics require some modification. The scale is different and the aspect ratio does not conform with the BOARD18 standard.

You should first trim off the tables that sometime appear at the top of the graphic. Then the scale of the graphic must be adjusted to meet the BOARD18 specification. The horizontal and vertical scaling are not the same [that is: the aspect ratio will change]. The scaling factor for the width of the image should be 100/70. The scaling factor for the hight of the image should be 116/70.

Stock Market Images

Export from Cyberboard

If you have access to Cyberboard and a Cyberboard game box for the game in question then you can get the stock market image directly from Cyberboard.

First access a game file using cbplay and, if there are any tokens on the stock market, press the hide counters button. Then select Edit > Copy Board Image To Clipboard. Then start GIMP and select Edit > Paste as New Image. Then adjust the scale (if necessary) and finally save the stock market as a .png file.

When I did this for a 1870 game board the price boxes measured 65 pixels wide by 85 pixels high. Since the token standard is for 30 pixel tokens, I decided to make the boxes 50 pixels wide. So I used 50/65 as the scaling factor for the image and preserved the aspect ratio.

Templates

Some stock chart templates can be found in the buildingBlocks/images/stock directory of the game box repository. I suggest starting with the stockgrid.ods file. Use LibreOffice Calc to add price values to the grid boxes and export it as a .pdf file. Then import it into the GIMP Image Editor and cut away the unneeded boxes and add colors, etc. Save the resulting image as a .png file and there you are.

Tile Sheet Images

You may want to read this paragraph for a better idea of what a tile sheet should look like.

Tiles Library

There is a tiles library in the buildingBlocks/JSON directory of the Gitorious BOARD18/gamebox repository. Of course, this library does NOT have all of the possible tiles. Any missing tiles, that you need, should be added to the library before you start creating the tile sheets. If the tile is in an online tile library such as the [Blackwater Station] master tile list then you can use the tile_adjust script to format the tile for BOARD18 and then add it to the tiles library. In the rare case that the tile does not exist anywhere, you may have to create it from scratch or by hand modifying an existing tile. Please share any tiles library updates that you make with the BOARD18 project so that they can be added to the tiles library.

Templates

[Use of these templates is deprecated.] The tile sheet templates are in the "buildingBlocks/images/6 x 16 hex" directory of the game box repository. Read the Info.txt file in this directory for the specs on the supplied templates.

Keith Thomasson Tile Graphics [this method is deprecated]

The Keith Thomasson tile graphics are structured somewhat like tile sheets but the scale is different and the tiles are not arranged in exactly the correct way. Thus you will first have to chop up the graphic into color sections and then piece together some of them to make tile sheets. Be sure to preserve the exact inter column spacing when joining two graphics.

After the sheet is pieced together, you will have to convert the white background to transparent. Be sure that the white holes in the city tiles are not transparent.

Finally the scale of the sheet must be adjusted to meet the BOARD18 specification. The horizontal and vertical scaling are not the same [that is: the aspect ratio will change]. The scaling factor for the width of the image is 100/70. The scaling factor for the hight of the image is 116/70.

Token Sheet Images

The image on the right should provide a good idea of what a token sheet should look like.

Lifting Tokens from Cyberboard

To make the 1870 token sheet, I displayed the tokens from a 1870 Cyberboard game box and took screen shots of them. It took 3 screens to get them all. I then cropped the screen shots and stitched together this Token Sheet. I had to be careful to keep the spacing between tokens consistent. The resulting tokens had a diameter of 44 pixels so I scaled the sheet with a factor of 30/44. I then made the background transparent.