This is a documentation for Board Game Arena: play board games online !
Template:Hex: Difference between revisions
Jump to navigation
Jump to search
Sammy McSam (talk | contribs) (+arrow from edge) |
Sammy McSam (talk | contribs) (+edge) |
||
| Line 13: | Line 13: | ||
100% 33.2%,99.2% 29.7%,97.3% 26.2%,94.6% 23.1%,91.3% 20.7%, | 100% 33.2%,99.2% 29.7%,97.3% 26.2%,94.6% 23.1%,91.3% 20.7%, | ||
58.7% 4.33%,54.6% 3.11%,50% 2.67%,45.4% 3.11%,41.3% 4.33% | 58.7% 4.33%,54.6% 3.11%,50% 2.67%,45.4% 3.11%,41.3% 4.33% | ||
);c{{{c|l}}}ip-path:polygon(0 50%,50% -50%,100% 50%,50% 150%);{{{f|c}}}{{{c|l}}}ip-path:polygon(-50% 50%,50% 100%,150% 50%,50% 0);overflow:clip;background:{{{b|#ddd}}};"><div style="grid-area:1/1;">{{{1|​}}}</div><div style="grid-area:1/1; | );c{{{c|l}}}ip-path:polygon(0 50%,50% -50%,100% 50%,50% 150%);{{{f|c}}}{{{c|l}}}ip-path:polygon(-50% 50%,50% 100%,150% 50%,50% 0);overflow:clip;background:{{{b|#ddd}}};"><div style="grid-area:1/1;">{{{1|​}}}</div><div style="grid-area:1/1;width:100%;height:100%;clip-path:polygon(0 50%,50% -50%,100% 50%,50% 150%,0 50%,{{{ew|4}}}px 50%,calc(25% + {{{ew|4}}}px*cos(60deg)) calc(100% - {{{ew|4}}}px*sin(60deg)),calc(75% - {{{ew|4}}}px*cos(60deg)) calc(100% - {{{ew|4}}}px*sin(60deg)),calc(100% - {{{ew|4}}}px) 50%,calc(75% - {{{ew|4}}}px*cos(60deg)) calc({{{ew|4}}}px*sin(60deg)),calc(25% + {{{ew|4}}}px*cos(60deg)) calc({{{ew|4}}}px*sin(60deg)),{{{ew|4}}}px 50%);{{{f|c}}}lip-path:polygon(50% 0,-50% 50%,50% 100%,150% 50%,50% 0,50% {{{ew|4}}}px,calc(100% - {{{ew|4}}}px*sin(60deg)) calc(25% + {{{ew|4}}}px*cos(60deg)),calc(100% - {{{ew|4}}}px*sin(60deg)) calc(75% - {{{ew|4}}}px*cos(60deg)),50% calc(100% - {{{ew|4}}}px),calc({{{ew|4}}}px*sin(60deg)) calc(75% - {{{ew|4}}}px*cos(60deg)),calc({{{ew|4}}}px*sin(60deg)) calc(25% + {{{ew|4}}}px*cos(60deg)),50% {{{ew|4}}}px);background:{{{ec|#0000}}}"></div><div style="grid-area:1/1;height:100%;rotate:calc(({{{ar|0}}} + {{{|.5}}})*60deg)"><div style="aspect-ratio:3/4;height:25%;clip-path:polygon(25% 0,25% 50%,0 50%,50% 100%,100% 50%,75% 50%,75% 0);background:{{{ac|#0000}}}"></div></div><div style="grid-area:1/1;">{{{1|​}}}</div><div style="grid-area:1/1;rotate:calc({{{r|0}}}*-30deg);color:{{{tc|#fff}}};font-family:Roboto,Arial,sans-serif;font-weight:900;font-size:28px;-webkit-text-stroke:1.2px {{{to|#000}}};">{{{t|​}}}</div></div></onlyinclude> | ||
== Parameters == | == Parameters == | ||
| Line 38: | Line 38: | ||
<div>{{code|f}}</div> | <div>{{code|f}}</div> | ||
<div>Flat-top</div> | <div>Flat-top</div> | ||
<div> | <div>pointed-top</div> | ||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|f=</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | <div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|f=</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | ||
<div>{{hex|f=}}</div> | <div>{{hex|f=}}</div> | ||
<div>'''''Optional:''''' transform to a flat-top hex.</div> | <div>'''''Optional:''''' transform to a flat-top hex.</div> | ||
<div>{{code|c}}</div> | |||
<div>Corners</div> | |||
<div>n/a</div> | |||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|c=</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | |||
<div>{{hex|c=}}</div> | |||
<div>'''''Optional:''''' rounded corners.</div> | |||
<div>{{code|b}}</div> | |||
<div>Background</div> | |||
<div>{{code|#ddd}}</div> | |||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|b=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | |||
<div>{{hex|b=green}}</div> | |||
<div>'''''Optional:''''' background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div> | |||
<div>{{code|ec}}</div> | |||
<div>Edge color</div> | |||
<div>transparent</div> | |||
<div>{{code|<nowiki>{{hex</nowiki>{{text|<nowiki>|ec=green</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | |||
<div>{{hex|ec=green}}</div> | |||
<div>'''''Optional:''''' edge color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div> | |||
<div>{{code|ew}}</div> | |||
<div>Edge width</div> | |||
<div>{{code|4}}</div> | |||
<div>{{code|<nowiki>{{hex|ec=black</nowiki>{{text|<nowiki>|ew=8</nowiki>|#dfd}}<nowiki>}}</nowiki>}}</div> | |||
<div>{{hex|ec=black|ew=8}}</div> | |||
<div>'''''Optional:''''' edge width in pixels.</div> | |||
<div>{{code|ac}}</div> | <div>{{code|ac}}</div> | ||
<div>Arrow color</div> | <div>Arrow color</div> | ||
| Line 72: | Line 96: | ||
<div>{{hex|t=1|to=green}}</div> | <div>{{hex|t=1|to=green}}</div> | ||
<div>'''''Optional:''''' text outline color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div> | <div>'''''Optional:''''' text outline color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div> | ||
<div>{{code|w}}</div> | <div>{{code|w}}</div> | ||
<div>Width</div> | <div>Width</div> | ||
Revision as of 21:52, 5 December 2025
Parameters
Id
Name
Default
Example
Result
Description
1
Image
empty
{{hex|{{TaluvaClearing}}}}
Optional: Template:GameIcon image.
r
Rotation
0
{{hex|{{TaluvaClearing}}|r=1}}
Optional: rotation in units of 30° (0-11).
f
Flat-top
pointed-top
{{hex|f=}}
Optional: transform to a flat-top hex.
c
Corners
n/a
{{hex|c=}}
Optional: rounded corners.
b
Background
#ddd
{{hex|b=green}}
Optional: background as a CSS color.
ec
Edge color
transparent
{{hex|ec=green}}
Optional: edge color as a CSS color.
ew
Edge width
4
{{hex|ec=black|ew=8}}
Optional: edge width in pixels.
ac
Arrow color
transparent
{{hex|ac=green}}
Optional: arrow color as a CSS color.
ar
Arrow rotation
0
{{hex|ac=black|ar=1}}
Optional: arrow rotation in units of 60° (0-5).
t
Text
empty
{{hex|t=1}}
1
Optional: text value.
tc
Text color
white
{{hex|t=1|tc=green}}
1
Optional: text color as a CSS color.
to
Text outline
black
{{hex|t=1|to=green}}
1
Optional: text outline color as a CSS color.
w
Width
67.195
{{hex|w=50}}
Optional: width of the hex.
x
X
1
{{hex|x=3}}
Optional: x coordinate of the hex on a Template:HexMap.
y
Y
1
{{hex|y=2}}
Optional: y coordinate of the hex on a Template:HexMap.
z
Z
empty
{{hex|z=2}}
Optional: z-axis position stacking order.
Category:ShapeTemplates
Pages using Template:Hex
- Gamehelphive (transclusion) (← links)
- Wiki formatting (transclusion) (← links)
- Template:Hex (transclusion) (← links)
- Template:HexMap (transclusion) (← links)
- Template:HiveAnt (transclusion) (← links)
- Template:HiveBeetle (transclusion) (← links)
- Template:HiveGrasshopper (transclusion) (← links)
- Template:HiveLadybug (transclusion) (← links)
- Template:HiveMosquito (transclusion) (← links)
- Template:HiveBee (transclusion) (← links)
- Template:HiveSpider (transclusion) (← links)
- Template:HivePillBug (transclusion) (← links)
- Template:HiveHexG (transclusion) (← links)
- Template:HiveHexR (transclusion) (← links)
- Template:HiveHexB (transclusion) (← links)
- Template:HiveHexW (transclusion) (← links)