Game Box Creation - Image Files

From BOARD18 Project WIKI
Revision as of 07:53, 14 October 2017 by Rich (talk | contribs) (→‎Keith Thomasson Map Graphics: added note)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
Game Box Creation edit

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

  • Some images can be copied from Cyberboard game boxes. This is especially useful for game boards and stock markets. Below I will describe two ways to do this.
  • If you know of other sources, please let me know.

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 export 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 height 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.

A Note About Type "F" Board Maps

This note describes a potential problem with the interaction of type "F" board maps and the hexCoord function.

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 export the stock market as a .png file.

When I did this for a 1870 stock market 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 library.

Tile Sheet Images

A game box will require a number of tile sheets. The procedure below can be used to create these sheets from tiles stored in the tiles library. You may want to read this paragraph for a better idea of what a tile sheet should look like.

Tiles Library

There are two tiles sections in the game box library. 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 on-line tile library such as the [Blackwater Station] master tile list then you can use one of the Python tile_adjust scripts under gimp to format the tile for BOARD18 and then add it to the correct section of 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 that you create with the BOARD18 project so that they can be added to the tiles library.

Creating a Tile Sheet

To create a tile sheet:

  1. Make an ordered list of the tiles that you want for the sheet. The list should include the count for the tile [for use in the control file] and the row count [rotations] for the tile.
  2. Make sure that all the tiles exist in the tiles library. If any don't then add them [see above].
  3. Use one of the New Tile Sheet scripts to create an empty tile sheet with the correct number of columns [tiles].
  4. For each tile (in order) use one of the Add Tile To Sheet scripts to add the tile to the sheet.
  5. Export the sheet as a .png file. Accept the defaults.

I think that it is a good idea to cause the tiles that are more often used appear first on the sheet.

A Tile Sheet Manifest

Before creating any tile sheets, I always create a spread sheet like this one. It helps to coordinate all of the information that is needed to create the tile sheets for a game box.

Adding Tiles to the Library

When the Library does not have a tile that is needed for a game then it must be found elsewhere or created. Here are some hints to make this process easier.

When the type P Python scripts are used to rotate and scale a tile, the resulting tile sometimes has values and other text that have become too small to read and/or are now at an angle.

The Useful Stuff / Tile Patches section of the Library contains image fragments that can be used to patch such tiles. These fragments are mostly value circles that can be used to replace the tilted ones on the rotated tiles. The numbers in these fragments are font size 12 Sans Bold. They can be placed over the existing value circles or the existing circles can be over written by the background color and then the value circle can be placed anywhere on the tile.

Tile numbers should be over written by the background color. Then they can be rewritten using font size 10 or 12 Sans Bold. Other text on the tile, if any, can be replaced and scaled as appropriate.

1870Tokens.png

Token Sheet Images

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

Tokens Library

There is a tokens sections in the game box library. Of course, this library does NOT have all of the possible tokens. Any missing tokens, that you need, should be added to the library before you start creating the token sheets. In the case that the token does not exist anywhere, you may have to create it from scratch or by hand-modifying an existing token. You can use the token_adjust script to format a token for BOARD18 and then add it to the tokens library.

Please share any tokens that you create with the BOARD18 project so that they can be added to the tokens library.

Tokens Library Structure

As of November 2014, the token's library is being restructured to contain a separate sub library for each game. Tokens for a train company that exist in more than one game will no longer have to have the same graphic image in all games.

Two Sided Tokens

As I improve the graphics for various game boxes, I intend to use two sided tokens for their stock markets. This will enable tokens to be flipped to indicate corporations that have run in a given operating round.

I have found that an easy way to create a back side token image from the existing [front side] image is to convert the image Mode to grayscale. This works best for brightly colored tokens. Another way is to invert the colors on the token.

Lifting Tokens from Cyberboard

To make a token sheet, I sometimes display the tokens from a Cyberboard game box and take screen shots of them. I can then used the three token related GIMP Python scripts to format the tokens and create the sheet. Please add any tokens created in this way to the Tokens section of the Library.