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

Template:Hex: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
m (parameter)
(flat-top parameter)
Line 1: Line 1:
<div style="display:inline-grid;place-items:center;grid-area:{{{y|1}}}/{{{x|1}}}/span 1/span 2;rotate:calc({{{r|0}}}*30deg);width:{{{w|67.195}}}px;aspect-ratio:cos(30deg);clip-path:polygon(-50% 50%,50% 100%,150% 50%,50% 0);background:{{{bg|#ddd}}};"><div style="grid-area:1/1;">{{{1|&ZeroWidthSpace;}}}</div><div style="grid-area:1/1;rotate:calc({{{r|0}}}*-30deg);color:{{{textColor|#fff}}};font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:16px;text-shadow:0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}};">{{{2|&ZeroWidthSpace;}}}</div></div><noinclude>
<div style="display:inline-grid;place-items:center;grid-area:{{{y|1}}}/{{{x|1}}}/span 1/span 2;rotate:calc({{{r|0}}}*30deg);{{{|w}}}height:{{{w|67.195}}}px;{{{|w}}}idth:{{{w|67.195}}}px;aspect-ratio:calc(1/({{{|1/}}}cos(30deg)));clip-path:polygon(0 50%,50% -50%,100% 50%,50% 150%);{{{|c}}}lip-path:polygon(-50% 50%,50% 100%,150% 50%,50% 0);background:{{{bg|#ddd}}};"><div style="grid-area:1/1;">{{{1|&ZeroWidthSpace;}}}</div><div style="grid-area:1/1;rotate:calc({{{r|0}}}*-30deg);color:{{{textColor|#fff}}};font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:16px;text-shadow:0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}},0 0 2px {{{outlineColor|#000}}};">{{{2|&ZeroWidthSpace;}}}</div></div><noinclude>


== Parameters ==
== Parameters ==
Line 41: Line 41:
   <div><code>r</code></div>
   <div><code>r</code></div>
   <div><code>0</code></div>
   <div><code>0</code></div>
   <div><code><nowiki>{{hex |r=1 }}</nowiki></code></div>
   <div><code><nowiki>{{hex |r=2 |🡅 }}</nowiki></code></div>
   <div>{{hex |r=1 }}</div>
   <div>{{hex |r=2 |🡅 }}</div>
   <div>'''''Optional:''''' specify the rotation in units of 30° (<code>0</code>-<code>11</code>).</div>
   <div>'''''Optional:''''' specify the rotation in units of 30° (<code>0</code>-<code>11</code>).</div>
  <div><code>null</code></div>
  <div><code>n/a</code></div>
  <div><code><nowiki>{{hex |= |🡅 }}</nowiki></code></div>
  <div>{{hex |= |🡅 }}</div>
  <div>'''''Optional:''''' transform to a flat-top hex.</div>
</div>
</div>


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

Revision as of 21:05, 12 May 2024

Parameters

Parameter
Default value
Example
Result
Description
1
&ZeroWidthSpace;
{{hex |{{TaluvaClearing}} }}
Clearing
Optional: specify a Template:GameIcon image.
2
&ZeroWidthSpace;
{{hex | |A }}
A
Optional: specify a text value.
bg
#ddd
{{hex |bg=green }}
Optional: specify the background as a CSS color.
w
67.195
{{hex |w=50 }}
Optional: specify the width of the hex.
x
1
{{hex |x=3 }}
Optional: specify the x co-ordinate of the hex on a Template:HexMap.
y
1
{{hex |y=2 }}
Optional: specify the y co-ordinate of the hex on a Template:HexMap.
r
0
{{hex |r=2 |🡅 }}
🡅
Optional: specify the rotation in units of 30° (0-11).
null
n/a
{{hex |= |🡅 }}
🡅
Optional: transform to a flat-top hex.