This is a documentation for Board Game Arena: play board games online !

Template:HexMap: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
(gap parameter, place-items:center)
(Template:Hex update)
 
Line 8: Line 8:


{{hexMap|
{{hexMap|
{{hiveAnt          |x=1 |y=2 }}
{{hiveBeetle        |x=2 |y=3 }}
{{hiveGrasshopper  |x=4 |y=3 }}
{{hiveSpider        |x=5 |y=2 }}


{{hiveAnt          |r=3  |x=1 |y=2 }}
{{hiveBee|w=        |x=3 |y=2 }}
{{hiveBeetle        |r=1  |x=2 |y=3 }}
{{hiveGrasshopper|w=|x=2 |y=1 }}
{{hiveGrasshopper  |r=11 |x=4 |y=3 }}
{{hiveSpider|w=    |x=4 |y=1 }}
{{hiveSpider        |r=9  |x=5 |y=2 }}
 
{{hiveBee|w=        |r=0  |x=3 |y=2 }}
{{hiveGrasshopper|w=|r=0  |x=2 |y=1 }}
{{hiveSpider|w=    |r=0  |x=4 |y=1 }}
}}
}}


<pre style="background:none;border:none;">
<pre style="background:none;border:none;">
{{hexMap|gap=2|
{{hexMap|gap=2|
{{hiveAnt          |x=1 |y=2 }}
{{hiveBeetle        |x=2 |y=3 }}
{{hiveGrasshopper  |x=4 |y=3 }}
{{hiveSpider        |x=5 |y=2 }}


{{hiveAnt          |r=3  |x=1 |y=2 }}
{{hiveBee|w=        |x=3 |y=2 }}
{{hiveBeetle        |r=1  |x=2 |y=3 }}
{{hiveGrasshopper|w=|x=2 |y=1 }}
{{hiveGrasshopper  |r=11 |x=4 |y=3 }}
{{hiveSpider|w=    |x=4 |y=1 }}
{{hiveSpider        |r=9  |x=5 |y=2 }}
 
{{hiveBee|w=        |r=0  |x=3 |y=2 }}
{{hiveGrasshopper|w=|r=0  |x=2 |y=1 }}
{{hiveSpider|w=    |r=0  |x=4 |y=1 }}
}}
}}
</pre>
</pre>
Line 35: Line 33:
<div style="display:flex;gap:0 8px;flex-wrap:wrap;">
<div style="display:flex;gap:0 8px;flex-wrap:wrap;">
{{hexMap |n=1 |
{{hexMap |n=1 |
{{hex |x=3 |y=1 |{{TaluvaSand}} |{{meeple|red}}
{{hex |x=3 |y=1 |{{TaluvaSand}} |t={{meeple|red}}
}}
}}
{{hex |x=5 |y=1 |{{TaluvaSand}}
{{hex |x=5 |y=1 |{{TaluvaSand}}
Line 43: Line 41:
{{hex |x=2 |y=2 |{{TaluvaSand}}
{{hex |x=2 |y=2 |{{TaluvaSand}}
}}
}}
{{hex |x=4 |y=2 |{{TaluvaJungle}} |{{meeple|green}}
{{hex |x=4 |y=2 |{{TaluvaJungle}} |t={{meeple|green}}
}}
}}
{{hex |x=6 |y=2 |{{TaluvaJungle}}
{{hex |x=6 |y=2 |{{TaluvaJungle}}
Line 53: Line 51:
{{hex |x=3 |y=3 |{{TaluvaJungle}}
{{hex |x=3 |y=3 |{{TaluvaJungle}}
}}
}}
{{hex |x=5 |y=3 |{{TaluvaClearing}} |{{meeple|blue}}
{{hex |x=5 |y=3 |{{TaluvaClearing}} |t={{meeple|blue}}
}}
}}
{{hex |x=7 |y=3 |{{TaluvaClearing}} |{{meeple|red}}
{{hex |x=7 |y=3 |{{TaluvaClearing}} |t={{meeple|red}}
}}
}}
{{hex |x=2 |y=4 |{{TaluvaSand}} |{{meeple|green}}
{{hex |x=2 |y=4 |{{TaluvaSand}} |t={{meeple|green}}
}}
}}
{{hex |x=4 |y=4 |{{TaluvaJungle}}
{{hex |x=4 |y=4 |{{TaluvaJungle}}
}}
}}
{{hex |x=6 |y=4 |{{TaluvaClearing}} |{{meeple|blue}}
{{hex |x=6 |y=4 |{{TaluvaClearing}} |t={{meeple|blue}}
}}
}}
{{hex |x=8 |y=4 |{{TaluvaClearing}}
{{hex |x=8 |y=4 |{{TaluvaClearing}}
Line 68: Line 66:


{{hexMap |n=2 |
{{hexMap |n=2 |
{{hex |x=3 |y=1 |{{TaluvaSand}} |{{meeple|red}}
{{hex |x=3 |y=1 |{{TaluvaSand}} |t={{meeple|red}}
}}
}}
{{hex |x=5 |y=1 |{{TaluvaSand}}
{{hex |x=5 |y=1 |{{TaluvaSand}}
Line 74: Line 72:
{{hex |x=7 |y=1 |{{TaluvaSand}}
{{hex |x=7 |y=1 |{{TaluvaSand}}
}}
}}
{{hex |x=2 |y=2 |{{TaluvaSand}} |{{meeple|red}}
{{hex |x=2 |y=2 |{{TaluvaSand}} |t={{meeple|red}}
}}
}}
{{hex |x=4 |y=2 |{{TaluvaJungle}} |{{meeple|green}}
{{hex |x=4 |y=2 |{{TaluvaJungle}} |t={{meeple|green}}
}}
}}
{{hex |x=6 |y=2 |{{TaluvaJungle}} |{{meeple|green}}
{{hex |x=6 |y=2 |{{TaluvaJungle}} |t={{meeple|green}}
}}
}}
{{hex |x=8 |y=2 |{{TaluvaJungle}}
{{hex |x=8 |y=2 |{{TaluvaJungle}}
Line 86: Line 84:
{{hex |x=3 |y=3 |{{TaluvaJungle}}
{{hex |x=3 |y=3 |{{TaluvaJungle}}
}}
}}
{{hex |x=5 |y=3 |{{TaluvaClearing}} |{{meeple|blue}}
{{hex |x=5 |y=3 |{{TaluvaClearing}} |t={{meeple|blue}}
}}
}}
{{hex |x=7 |y=3 |{{TaluvaClearing}} |{{meeple|red}}
{{hex |x=7 |y=3 |{{TaluvaClearing}} |t={{meeple|red}}
}}
}}
{{hex |x=2 |y=4 |{{TaluvaSand}} |{{meeple|green}}
{{hex |x=2 |y=4 |{{TaluvaSand}} |t={{meeple|green}}
}}
}}
{{hex |x=4 |y=4 |{{TaluvaJungle}}
{{hex |x=4 |y=4 |{{TaluvaJungle}}
}}
}}
{{hex |x=6 |y=4 |{{TaluvaClearing}} |{{meeple|blue}}{{meeple|blue}}
{{hex |x=6 |y=4 |{{TaluvaClearing}} |t={{meeple|blue}}{{meeple|blue}}
}}
}}
{{hex |x=8 |y=4 |{{TaluvaClearing}}
{{hex |x=8 |y=4 |{{TaluvaClearing}}
Line 103: Line 101:
<pre style="background:none;border:none;">
<pre style="background:none;border:none;">
{{hexMap |n=1 |
{{hexMap |n=1 |
{{hex |x=3 |y=1 |{{TaluvaSand}} |{{meeple|red}}
{{hex |x=3 |y=1 |{{TaluvaSand}} |t={{meeple|red}}
}}
}}
{{hex |x=5 |y=1 |{{TaluvaSand}}
{{hex |x=5 |y=1 |{{TaluvaSand}}
Line 111: Line 109:
{{hex |x=2 |y=2 |{{TaluvaSand}}
{{hex |x=2 |y=2 |{{TaluvaSand}}
}}
}}
{{hex |x=4 |y=2 |{{TaluvaJungle}} |{{meeple|green}}
{{hex |x=4 |y=2 |{{TaluvaJungle}} |t={{meeple|green}}
}}
}}
{{hex |x=6 |y=2 |{{TaluvaJungle}}
{{hex |x=6 |y=2 |{{TaluvaJungle}}
Line 121: Line 119:
{{hex |x=3 |y=3 |{{TaluvaJungle}}
{{hex |x=3 |y=3 |{{TaluvaJungle}}
}}
}}
{{hex |x=5 |y=3 |{{TaluvaClearing}} |{{meeple|blue}}
{{hex |x=5 |y=3 |{{TaluvaClearing}} |t={{meeple|blue}}
}}
}}
{{hex |x=7 |y=3 |{{TaluvaClearing}} |{{meeple|red}}
{{hex |x=7 |y=3 |{{TaluvaClearing}} |t={{meeple|red}}
}}
}}
{{hex |x=2 |y=4 |{{TaluvaSand}} |{{meeple|green}}
{{hex |x=2 |y=4 |{{TaluvaSand}} |t={{meeple|green}}
}}
}}
{{hex |x=4 |y=4 |{{TaluvaJungle}}
{{hex |x=4 |y=4 |{{TaluvaJungle}}
}}
}}
{{hex |x=6 |y=4 |{{TaluvaClearing}} |{{meeple|blue}}
{{hex |x=6 |y=4 |{{TaluvaClearing}} |t={{meeple|blue}}
}}
}}
{{hex |x=8 |y=4 |{{TaluvaClearing}}
{{hex |x=8 |y=4 |{{TaluvaClearing}}
Line 176: Line 174:
   <div>'''''Optional:''''' specify the text background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
   <div>'''''Optional:''''' specify the text background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
</div>
</div>
<noinclude>
== [[:Category:GameBoardTemplates]] ==
{{Category:GameBoardTemplates}}
== Pages using {{FULLPAGENAME}} ==
{{Special:WhatLinksHere/{{FULLPAGENAME}}}}
</noinclude>


[[Category:GameBoardTemplates]]
[[Category:GameBoardTemplates]]
</noinclude>

Latest revision as of 00:45, 7 December 2025

A map for Template:Hexes and other hexagonal pieces.

Examples

Hive

Soldier Ant​
Beetle​
Grasshopper​
Spider​
Queen Bee​
Grasshopper​
Spider​
{{hexMap|gap=2|
{{hiveAnt           |x=1 |y=2 }}
{{hiveBeetle        |x=2 |y=3 }}
{{hiveGrasshopper   |x=4 |y=3 }}
{{hiveSpider        |x=5 |y=2 }}

{{hiveBee|w=        |x=3 |y=2 }}
{{hiveGrasshopper|w=|x=2 |y=1 }}
{{hiveSpider|w=     |x=4 |y=1 }}
}}

1
Sand​
red meeple​
Sand​
​
Sand​
​
Sand​
​
Jungle​
green meeple​
Jungle​
​
Jungle​
​
Sand​
​
Jungle​
​
Clearing​
blue meeple​
Clearing​
red meeple​
Sand​
green meeple​
Jungle​
​
Clearing​
blue meeple​
Clearing​
​
2
Sand​
red meeple​
Sand​
​
Sand​
​
Sand​
red meeple​
Jungle​
green meeple​
Jungle​
green meeple​
Jungle​
​
Sand​
​
Jungle​
​
Clearing​
blue meeple​
Clearing​
red meeple​
Sand​
green meeple​
Jungle​
​
Clearing​
blue meeple​blue meeple​
Clearing​
​
{{hexMap |n=1 |
{{hex |x=3 |y=1 |{{TaluvaSand}} |t={{meeple|red}}
}}
{{hex |x=5 |y=1 |{{TaluvaSand}}
}}
{{hex |x=7 |y=1 |{{TaluvaSand}}
}}
{{hex |x=2 |y=2 |{{TaluvaSand}}
}}
{{hex |x=4 |y=2 |{{TaluvaJungle}} |t={{meeple|green}}
}}
{{hex |x=6 |y=2 |{{TaluvaJungle}}
}}
{{hex |x=8 |y=2 |{{TaluvaJungle}}
}}
{{hex |x=1 |y=3 |{{TaluvaSand}}
}}
{{hex |x=3 |y=3 |{{TaluvaJungle}}
}}
{{hex |x=5 |y=3 |{{TaluvaClearing}} |t={{meeple|blue}}
}}
{{hex |x=7 |y=3 |{{TaluvaClearing}} |t={{meeple|red}}
}}
{{hex |x=2 |y=4 |{{TaluvaSand}} |t={{meeple|green}}
}}
{{hex |x=4 |y=4 |{{TaluvaJungle}}
}}
{{hex |x=6 |y=4 |{{TaluvaClearing}} |t={{meeple|blue}}
}}
{{hex |x=8 |y=4 |{{TaluvaClearing}}
}}
}}

Parameters

Parameter
Default value
Example
Description
1
null
{{HexMap |{{hex}} }}
Optional: place Template:Hex tiles on the map.
x
67.195
{{hexMap |x=80 }}
Optional: specify the grid hex width in px units.
gap
0
{{hexMap |gap=4 }}
Optional: specify the gap between hexes in px units.
w
auto-fit
{{hexMap |w=20 }}
Optional: specify the grid width in hexes.
bg
transparent
{{hexMap |bg=green }}
Optional: specify the background as a CSS color.
n
null
{{HexMap |n=1 }}
Optional: specify text in the top left corner of the map.
n-c
#fff (white)
{{hexMap |n-c=green }}
Optional: specify the text color as a CSS color.
n-bg
#199 (teal)
{{hexMap |n-bg=green }}
Optional: specify the text background as a CSS color.

Category:GameBoardTemplates

For documentation on using game board templates on BGA wiki pages, see Template:Chessboard and Template:Goboard9.

Pages using Template:HexMap