This is a documentation for Board Game Arena: play board games online !
Template:HexMap: Difference between revisions
Jump to navigation
Jump to search
Sammy McSam (talk | contribs) m (max-width) |
Sammy McSam (talk | contribs) (Template:Hex update) |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<div style="position:relative;display:grid;grid:auto-flow calc(0. | <div style="position:relative;display:grid;grid:auto-flow calc(0.5px*{{{x|67.195}}})/repeat({{{w|auto-fit}}},calc(0.75px*{{{x|67.195}}}/cos(30deg)));{{{|g}}}rid:auto-flow calc(0.75px*{{{x|67.195}}}/cos(30deg))/repeat({{{w|auto-fit}}},calc(0.5px*{{{x|67.195}}}));place-items:center;gap:calc(1px*{{{gap|0}}});width:fit-content;max-width:100vw;background:{{{bg|transparent}}};border-radius:8px;padding:16px;margin-top:8px;white-space:nowrap;"><div style="position:absolute;display:flex;{{{n|display:none}}};justify-content:center;align-items:center;top:8px;left:16px;padding:4px;width:fit-content;min-width:28px;min-height:28px;background:{{{n-bg|#199}}};border-radius:28px;line-height:1;color:{{{n-c|#fff}}};font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;">{{{n|}}}</div>{{{1|}}}</div><noinclude> | ||
A map for '''[[Template:Hex]]es''' and other hexagonal pieces. | A map for '''[[Template:Hex]]es''' and other hexagonal pieces. | ||
| Line 5: | Line 5: | ||
== Examples == | == Examples == | ||
=== [[Gamehelphive|Hive]] === | |||
{{hexMap| | |||
{{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 }} | |||
}} | |||
<pre style="background:none;border:none;"> | |||
{{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 }} | |||
}} | |||
</pre> | |||
---- | |||
<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 15: | 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 25: | 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 40: | 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 46: | 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 58: | 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 75: | 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 83: | 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 93: | 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 123: | Line 149: | ||
<div><code><nowiki>{{hexMap |x=80 }}</nowiki></code></div> | <div><code><nowiki>{{hexMap |x=80 }}</nowiki></code></div> | ||
<div>'''''Optional:''''' specify the grid hex width in px units.</div> | <div>'''''Optional:''''' specify the grid hex width in px units.</div> | ||
<div><code>gap</code></div> | |||
<div><code>0</code></div> | |||
<div><code><nowiki>{{hexMap |gap=4 }}</nowiki></code></div> | |||
<div>'''''Optional:''''' specify the gap between hexes in px units.</div> | |||
<div><code>w</code></div> | <div><code>w</code></div> | ||
<div><code>auto-fit</code></div> | <div><code>auto-fit</code></div> | ||
| Line 128: | Line 158: | ||
<div>'''''Optional:''''' specify the grid width in hexes.</div> | <div>'''''Optional:''''' specify the grid width in hexes.</div> | ||
<div><code>bg</code></div> | <div><code>bg</code></div> | ||
<div><code> | <div><code>transparent</code></div> | ||
<div><code><nowiki>{{hexMap |bg=green }}</nowiki></code></div> | <div><code><nowiki>{{hexMap |bg=green }}</nowiki></code></div> | ||
<div>'''''Optional:''''' specify the background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div> | <div>'''''Optional:''''' specify the background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div> | ||
| Line 135: | Line 165: | ||
<div><code><nowiki>{{HexMap |n=1 }}</nowiki></code></div> | <div><code><nowiki>{{HexMap |n=1 }}</nowiki></code></div> | ||
<div>'''''Optional:''''' specify text in the top left corner of the map.</div> | <div>'''''Optional:''''' specify text in the top left corner of the map.</div> | ||
<div><code>n-c</code></div> | |||
<div><code>#fff</code> (white)</div> | |||
<div><code><nowiki>{{hexMap |n-c=green }}</nowiki></code></div> | |||
<div>'''''Optional:''''' specify the text color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div> | |||
<div><code>n-bg</code></div> | <div><code>n-bg</code></div> | ||
<div><code>#199</code> (teal)</div> | <div><code>#199</code> (teal)</div> | ||
| Line 140: | 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]] | ||
Latest revision as of 00:45, 7 December 2025
A map for Template:Hexes and other hexagonal pieces.
Examples
Hive
{{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
2
{{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
1null{{HexMap |{{hex}} }}Optional: place Template:Hex tiles on the map.
x67.195{{hexMap |x=80 }}Optional: specify the grid hex width in px units.
gap0{{hexMap |gap=4 }}Optional: specify the gap between hexes in px units.
wauto-fit{{hexMap |w=20 }}Optional: specify the grid width in hexes.
bgtransparent{{hexMap |bg=green }}Optional: specify the background as a CSS color.
nnull{{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
- Gamehelphive (transclusion) (← links)
- Gamehelptaluva (transclusion) (← links)
- Tips taluva (transclusion) (← links)
- Wiki formatting (transclusion) (← links)
- Template:TaluvaTile (transclusion) (← links)
- Template:TaluvaMap (transclusion) (← links)
- Template:Hex (← links)
- Template:HexMap (transclusion) (← links)
- Template:HiveAnt (← links)
- Template:HiveBeetle (← links)
- Template:HiveGrasshopper (← links)
- Template:HiveLadybug (← links)
- Template:HiveMosquito (← links)
- Template:HiveBee (← links)
- Template:HiveSpider (← links)
- Template:HivePillBug (← links)
- Template:HiveHexG (← links)
- Template:HiveHexR (← links)
- Template:HiveHexB (← links)
- Template:Ellipse (← links)
- Template:HiveHexW (← links)