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

Template:TaluvaMap: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
(Created page with "<div style="display:grid;grid:repeat({{{y|2}}},57.2px)/repeat(calc({{{x|4}}} * 2),33.6px);height:calc(({{{y|2}}} * 57.2px) + 16.8px);width:calc({{{x|4}}} * 67.2px);background:radial-gradient(circle,#1ADc 50%,#037c);border-radius:8.4px;padding:16.8px;"> <div style="grid-area:{{{y1|1}}}/{{{x1|1}}}/span 2/span 4;rotate:calc({{{r1|0}}} * 60deg);transform-origin:center 38.8px;">{{{1|}}}</div> <div style="grid-area:{{{y2|1}}}/{{{x2|4}}}/span 2/span 4;rotate:calc({{{r2|0}}} * 6...")
 
(n n-c n-bg)
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="display:grid;grid:repeat({{{y|2}}},57.2px)/repeat(calc({{{x|4}}} * 2),33.6px);height:calc(({{{y|2}}} * 57.2px) + 16.8px);width:calc({{{x|4}}} * 67.2px);background:radial-gradient(circle,#1ADc 50%,#037c);border-radius:8.4px;padding:16.8px;">
{{hexMap
<div style="grid-area:{{{y1|1}}}/{{{x1|1}}}/span 2/span 4;rotate:calc({{{r1|0}}} * 60deg);transform-origin:center 38.8px;">{{{1|}}}</div>
|bg=radial-gradient(circle,#1ADc 50%,#037c)
<div style="grid-area:{{{y2|1}}}/{{{x2|4}}}/span 2/span 4;rotate:calc({{{r2|0}}} * 60deg);transform-origin:center 38.8px;">{{{2|}}}</div>
|n={{{n|display:none}}}
<div style="grid-area:{{{y3|1}}}/{{{x3|4}}}/span 2/span 4;rotate:calc({{{r3|0}}} * 60deg);transform-origin:center 38.8px;">{{{3|}}}</div>
|n-c=#037c
<div style="grid-area:{{{y4|1}}}/{{{x4|4}}}/span 2/span 4;rotate:calc({{{r4|0}}} * 60deg);transform-origin:center 38.8px;">{{{4|}}}</div>
|n-bg=#fff8
<div style="grid-area:{{{y5|1}}}/{{{x5|4}}}/span 2/span 4;rotate:calc({{{r5|0}}} * 60deg);transform-origin:center 38.8px;">{{{5|}}}</div>
|w={{{w|auto-fit}}}
<div style="grid-area:{{{y6|1}}}/{{{x6|4}}}/span 2/span 4;rotate:calc({{{r6|0}}} * 60deg);transform-origin:center 38.8px;">{{{6|}}}</div>
|{{{1|}}}
</div><noinclude>
}}
<noinclude>
 
A map for '''[[Template:TaluvaTile]]s'''.


== Example ==
== Example ==


<div style="display:flex;flex-wrap:wrap;gap:8.4px;">
<div style="display:flex;flex-wrap:wrap;gap:8px;">
{{TaluvaMap |x=4 |y=2
{{TaluvaMap |n=1 |
|{{TaluvaTile|{{TaluvaSand}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
 
|x1=1
{{TaluvaTile
|y1=1
|{{TaluvaSand}} |1
|{{TaluvaTile|{{TaluvaSand}}|{{TaluvaLake}}}}
|{{TaluvaClearing}} |{{TaluvaHut}}
|x2=5
}}
|y2=1
{{TaluvaTile |x=5 |r=1
|{{TaluvaSand}} |1
|{{TaluvaSand}} |1
}}
}}


{{TaluvaMap |x=4 |y=2
}}{{TaluvaMap |n=2 |
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
 
|x1=1
{{TaluvaTile
|y1=1
|{{TaluvaSand}} |{{TaluvaHut}}
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaLake}}}}
|{{TaluvaClearing}} |{{TaluvaHut}}
|x2=5
}}
|y2=1
{{TaluvaTile |x=5 |r=1
|{{TaluvaSand}} |{{TaluvaHut}}
|{{TaluvaSand}} |{{TaluvaHut}}
}}
}}


{{TaluvaMap |x=4 |y=2
}}</div>
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
 
|x1=1
<pre style="background:none;border:none;">
|y1=1
{{TaluvaMap |n=1 |
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaLake|{{TaluvaTemple}}}}}}
 
|x2=5
{{TaluvaTile
|y2=1
|{{TaluvaSand}} |1
|{{TaluvaClearing}} |{{TaluvaHut}}
}}
{{TaluvaTile |x=5 |r=1
|{{TaluvaSand}} |1
|{{TaluvaSand}} |1
}}
}}


{{TaluvaMap |x=4 |y=4
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
|x1=1
|y1=1
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaLake|{{TaluvaTemple}}}}}}
|x2=5
|y2=1
|{{TaluvaTile|{{TaluvaJungle}}|{{TaluvaJungle}}}}
|x3=5
|y3=3
|r3=1
}}
}}
</pre>


{{TaluvaMap |x=4 |y=4
== Parameters ==
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
|x1=1
|y1=1
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaLake|{{TaluvaTemple}}}}}}
|x2=5
|y2=1
|{{TaluvaTile|{{TaluvaJungle}}|{{TaluvaJungle}}}}
|x3=5
|y3=3
|r3=1
|{{TaluvaTile|{{TaluvaRock|X}}|{{TaluvaLake}}}}
|x4=5
|y4=3
|r4=2
|{{TaluvaBlank|{{TaluvaHut|2}}}}
|x5=4
|y5=3
|{{TaluvaBlank}}
|x6=5
|y6=2
}}


{{TaluvaMap |x=4 |y=4
<div style="display:grid;grid-template-columns:repeat(3,max-content) 1fr;gap:0 0.25rem;overflow:auto;text-overflow:ellipsis;">
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
  <div style="font-weight:bold;width:8rem;">Parameter</div>
|x1=1
  <div style="font-weight:bold;width:8rem;">Default value</div>
|y1=1
  <div style="font-weight:bold;width:8rem;">Example</div>
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaLake|{{TaluvaTemple}}}}}}
  <div style="font-weight:bold;width:8rem;">Description</div>
|x2=5
  <div><code>1</code></div>
|y2=1
  <div><code>null</code></div>
|{{TaluvaTile|{{TaluvaJungle}}|{{TaluvaJungle}}}}
  <div><code><nowiki>{{TaluvaMap |{{TaluvaTile}} }}</nowiki></code></div>
|x3=5
  <div>'''''Optional:''''' place tiles on the map.</div>
|y3=3
  <div><code>w</code></div>
|r3=1
  <div><code>auto-fit</code></div>
|{{TaluvaTile|{{TaluvaRock}}|{{TaluvaLake}}}}
  <div><code><nowiki>{{hexMap |w=10 }}</nowiki></code></div>
|x4=5
  <div>'''''Optional:''''' specify the grid width in hexes.</div>
|y4=3
  <div><code>n</code></div>
|r4=2
  <div><code>null</code></div>
|{{TaluvaBlank|{{TaluvaHut|2}}}}
  <div><code><nowiki>{{HexMap |n=1 }}</nowiki></code></div>
|x5=4
  <div>'''''Optional:''''' specify text in the top left corner of the map.</div>
|y5=3
|{{TaluvaBlank|{{TaluvaTemple}}}}
|x6=5
|y6=2
}}
</div>
</div>


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

Latest revision as of 14:59, 30 May 2024

display:none


A map for Template:TaluvaTiles.

Example

1
Volcano
Sand
1
Clearing
Hut
Volcano
Sand
1
Sand
1


2
Volcano
Sand
Hut
Clearing
Hut
Volcano
Sand
Hut
Sand
Hut


{{TaluvaMap |n=1 |

{{TaluvaTile
|{{TaluvaSand}} |1
|{{TaluvaClearing}} |{{TaluvaHut}}
}}
{{TaluvaTile |x=5 |r=1
|{{TaluvaSand}} |1
|{{TaluvaSand}} |1
}}

}}

Parameters

Parameter
Default value
Example
Description
1
null
{{TaluvaMap |{{TaluvaTile}} }}
Optional: place tiles on the map.
w
auto-fit
{{hexMap |w=10 }}
Optional: specify the grid width in hexes.
n
null
{{HexMap |n=1 }}
Optional: specify text in the top left corner of the map.