WarGear Wiki

User Tools

Site Tools

Trace:
designer_tutorials:creating_board_images

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

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] (current)
M57 [Understanding How The Fog Image Works]
Line 14: Line 14:
  
   *When the word '**Designer**' is capitalized, it refers to the WarGear board editor, where you load your images and create your board.   *When the word '**Designer**' is capitalized, it refers to the WarGear board editor, where you load your images and create your board.
-  *When the word '**Player**' is capitalized, it refers to either the Flash Player or the Native Player.+  *When the word '**Player**' is capitalized, it refers to the Native Player User Interface.
 {{ :designer_tutorials:three_layers.png?350|}} {{ :designer_tutorials:three_layers.png?350|}}
-  * 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.
  
 {{ :designer_tutorials:total_transparency.png?200 |}} {{ :designer_tutorials:total_transparency.png?200 |}}
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 'print' on the Fillmap image that sits below it, and those colors will be visible because the territories on the Board Image are completely transparent.+The player colors will 'print' on the Fillmap image that sits below it, and those colors will be visible because the territories on the Board Image (below) are completely transparent.
  
 {{:designer_tutorials:ocean_with_borders_only.png|}} {{:designer_tutorials:ocean_with_borders_only.png|}}
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.' The only parts of the Fillmap that will be visible are the player colors.  It lies directly underneath the 'board image.' The only parts of the Fillmap that will be visible are the player colors. 
-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** becomes visible.
  
-The fog image will become visible wherever the fill map is filled with "transparency." +The Fog Image will become visible wherever the fill map is filled with "transparency." 
-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** is usually the **Board image**__ (just not transparent - make it full-strength).  
 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://www.wargear.net/boards/designer/5144|this link]]. You can see these images loaded in the Designer using [[http://www.wargear.net/boards/designer/5144|this link]].
 +
 +===== 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't erase - it can only paint, but one thing it can paint is that special color called transparency. By painting transparency - the bottom fog layer becomes visible. Fog is the absence of a a fill color - so when the engine calls for fog, it simply 'fills' the territory with 100% transparency, thereby exposing the fog image on the bottom layer. 
 +
 +If you made fog the top layer, you'd never see the fill layer. The fog layer should have no transparency.
designer_tutorials/creating_board_images.1376434500.txt.gz · Last modified: 2013/10/26 09:33 (external edit)

Page Tools

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki