This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
designer_tutorials:creating_board_images [2013/08/13 18:55] M57 [Keep The Fillmap Simple] |
designer_tutorials:creating_board_images [2021/11/20 09:46] M57 [Understanding How The Fog Image Works] |
||
---|---|---|---|
Line 14: | Line 14: | ||
*When the word ' | *When the word ' | ||
- | *When the word ' | + | *When the word ' |
{{ : | {{ : | ||
- | * The three images you will learn to make in this tutorial will be layered (or stacked) upon one another in the Designer and eventually in the Player. (Here is a cross-section of the three images created in this tutorial). So when it's mentioned that the 'board' image is 'on top of' the 'fill' image, remember this picture. | + | * The images you will learn to make in this tutorial will be layered (or stacked) upon one another in the Designer and eventually in the Player. (Here is a cross-section of the three images created in this tutorial). So when it's mentioned that the 'Board' image is 'on top of' the 'Fill' image, remember this picture. |
| | ||
| | ||
Line 39: | Line 39: | ||
===== Making Your Board And Fillmap Images ===== | ===== Making Your Board And Fillmap Images ===== | ||
=== Transparency === | === Transparency === | ||
- | For purposes of this tutorial, the following image is considered 100% transparent.. | + | For purposes of this tutorial, the following image is considered 100% transparent ..or having 0% opacity. |
{{ : | {{ : | ||
Line 52: | Line 52: | ||
__In **Dual Layer** mode this is **not** an acceptable image__ because a separate image (the Fillmap, which lies underneath the Board Image) will fill with the player colors. | __In **Dual Layer** mode this is **not** an acceptable image__ because a separate image (the Fillmap, which lies underneath the Board Image) will fill with the player colors. | ||
- | If the above map was used as a Board Image, | + | If this map was used as a Board Image, |
its solid color territories would cover and hide the player colors that change in the Fillmap during a game. | its solid color territories would cover and hide the player colors that change in the Fillmap during a game. | ||
| | ||
Line 60: | Line 60: | ||
The image below is acceptable as a 'Board Image' in Dual Layer mode. Remember, this is the top part of the image that the Player will piece together during a game. | The image below is acceptable as a 'Board Image' in Dual Layer mode. Remember, this is the top part of the image that the Player will piece together during a game. | ||
- | The player colors will ' | + | The player colors will ' |
{{: | {{: | ||
Line 75: | Line 75: | ||
The Fillmap serves one purpose - to be filled with player colors when the territory is occupied (this includes neutral). | The Fillmap serves one purpose - to be filled with player colors when the territory is occupied (this includes neutral). | ||
It lies directly underneath the 'board image.' | It lies directly underneath the 'board image.' | ||
- | The black borders (they could be any color, as long as they are different than the fill colors) are only necessary to break up the territories and contain the colors that will fill them. | + | The black borders (they could be any color) are only necessary to break up the territories and contain the colors that will fill them. |
Line 88: | Line 88: | ||
but it won't hurt the resulting image. | but it won't hurt the resulting image. | ||
+ | *Tip: Even though they won't be seen during a game, use interesting or relevant colors for the territories in your Fillmap image, those colors will be seen on the board and view pages and all thumbnail images of your board. | ||
---- | ---- | ||
==== Give Your Board Image Texture ==== | ==== Give Your Board Image Texture ==== | ||
Line 131: | Line 132: | ||
When a board is played, the Player puts the Fog image at the bottom of the stack and the three images are merged. | When a board is played, the Player puts the Fog image at the bottom of the stack and the three images are merged. | ||
- | The manner in which the **fillmap** is treated by the Player determines where the Fog image becomes visible. | + | The manner in which the **Fill Image** is treated by the Player determines where the **Fog Image** |
- | The fog image will become visible wherever the fill map is filled with " | + | The Fog Image will become visible wherever the fill map is filled with " |
- | Because of this, when a semi-opaque textural image (the bricks) is part of the 'board image,' | + | Because of this, when a semi-opaque textural image (the bricks) is part of the 'Board Image,' |
- | the best choice for a Fog image is usually the same image (just not transparent - make it full-strength). | + | __the best choice for a **Fog Image** |
Because the semi-tranparent part of the Board Image is identical to the Fog Image that it covers, it goes unnoticed. | Because the semi-tranparent part of the Board Image is identical to the Fog Image that it covers, it goes unnoticed. | ||
Line 160: | Line 161: | ||
You can see these images loaded in the Designer using [[http:// | You can see these images loaded in the Designer using [[http:// | ||
+ | |||
+ | ===== Understanding How The Fog Image Works ===== | ||
+ | Many designers initially find it difficult to understand why the fog image is the bottom layer. For some it seems much more intuitive that fog should be on the top layer. If you find this to be the case, it may help to think of it this way. The engine doesn' | ||
+ | |||
+ | If you made fog the top layer, you'd never see the fill layer. The fog layer should have no transparency. |