View source for Template:TaluvaMap

<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|1}}}/span 2/span 4;rotate:calc({{{r2|0}}} * 60deg);transform-origin:center 38.8px;">{{{2|}}}</div>
<div style="grid-area:{{{y3|1}}}/{{{x3|1}}}/span 2/span 4;rotate:calc({{{r3|0}}} * 60deg);transform-origin:center 38.8px;">{{{3|}}}</div>
<div style="grid-area:{{{y4|1}}}/{{{x4|1}}}/span 2/span 4;rotate:calc({{{r4|0}}} * 60deg);transform-origin:center 38.8px;">{{{4|}}}</div>
<div style="grid-area:{{{y5|1}}}/{{{x5|1}}}/span 2/span 4;rotate:calc({{{r5|0}}} * 60deg);transform-origin:center 38.8px;">{{{5|}}}</div>
<div style="grid-area:{{{y6|1}}}/{{{x6|1}}}/span 2/span 4;rotate:calc({{{r6|0}}} * 60deg);transform-origin:center 38.8px;">{{{6|}}}</div>
<div style="grid-area:{{{y7|1}}}/{{{x7|1}}}/span 2/span 4;rotate:calc({{{r7|0}}} * 70deg);transform-origin:center 38.8px;">{{{7|}}}</div>
<div style="grid-area:{{{y8|1}}}/{{{x8|1}}}/span 2/span 4;rotate:calc({{{r8|0}}} * 80deg);transform-origin:center 38.8px;">{{{8|}}}</div>
<div style="grid-area:{{{y9|1}}}/{{{x9|1}}}/span 2/span 4;rotate:calc({{{r9|0}}} * 90deg);transform-origin:center 38.8px;">{{{9|}}}</div>
<div style="grid-area:{{{y10|1}}}/{{{x10|1}}}/span 2/span 4;rotate:calc({{{r10|0}}} * 100deg);transform-origin:center 38.8px;">{{{10|}}}</div>
</div><noinclude>

== Parameters ==

<div style="display:grid;grid-template-columns:repeat(3,max-content) 1fr;gap:0 0.25rem;overflow:auto;text-overflow:ellipsis;">
  <div style="font-weight:bold;width:8rem;">Parameter</div>
  <div style="font-weight:bold;width:8rem;">Default value</div>
  <div style="font-weight:bold;width:8rem;">Example</div>
  <div style="font-weight:bold;width:8rem;">Description</div>
  <div><code>x</code></div>
  <div><code>4</code></div>
  <div><code><nowiki>{{TaluvaMap |x=8}}</nowiki></code></div>
  <div>'''''Optional:''''' specify the horizontal map size.</div>
  <div><code>y</code></div>
  <div><code>2</code></div>
  <div><code><nowiki>{{TaluvaMap |y=4}}</nowiki></code></div>
  <div>'''''Optional:''''' specify the vertical map size.</div>
  <div><code>1</code>-<code>10</code></div>
  <div><code>null</code></div>
  <div><code><nowiki>{{TaluvaMap |{{TaluvaTile}}</nowiki></code></div>
  <div>'''''Optional:''''' place up to 10 tiles / single hexes.</div>
  <div><code>x1</code>-<code>x10</code></div>
  <div><code>1</code></div>
  <div><code><nowiki>{{TaluvaMap |x1=4</nowiki></code></div>
  <div>'''''Optional:''''' specify the x co-ordinate of the tile volcano/hex.</div>
  <div><code>y1</code>-<code>y10</code></div>
  <div><code>1</code></div>
  <div><code><nowiki>{{TaluvaMap |y1=2</nowiki></code></div>
  <div>'''''Optional:''''' specify the y co-ordinate of the tile volcano/hex.</div>
  <div><code>r1</code>-<code>r10</code></div>
  <div><code>0</code></div>
  <div><code><nowiki>{{TaluvaMap |r1=2</nowiki></code></div>
  <div>'''''Optional:''''' specify the rotation of a tile volcano/hex as an integer (<code>0</code>-<code>5</code>).</div>
</div>

== Example ==

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

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

{{TaluvaMap |x=4 |y=2
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
|x1=1
|y1=1
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaLake|{{TaluvaTemple}}}}}}
|x2=5
|y2=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
}}

{{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
|{{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
|{{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}}|{{TaluvaLake}}}}
|x4=5
|y4=3
|r4=2
|{{TaluvaBlank|{{TaluvaHut|2}}}}
|x5=4
|y5=3
|{{TaluvaBlank|{{TaluvaTemple}}}}
|x6=5
|y6=2
}}
</div>
<pre style="background:none;border:none;">
<div style="display:flex;flex-wrap:wrap;gap:8.4px;">
{{TaluvaMap |x=4 |y=2
|{{TaluvaTile|{{TaluvaSand}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
|x1=1
|y1=1
|{{TaluvaTile|{{TaluvaSand}}|{{TaluvaLake}}}}
|x2=5
|y2=1
}}

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

{{TaluvaMap |x=4 |y=2
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
|x1=1
|y1=1
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaLake|{{TaluvaTemple}}}}}}
|x2=5
|y2=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
}}

{{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
|{{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
|{{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}}|{{TaluvaLake}}}}
|x4=5
|y4=3
|r4=2
|{{TaluvaBlank|{{TaluvaHut|2}}}}
|x5=4
|y5=3
|{{TaluvaBlank|{{TaluvaTemple}}}}
|x6=5
|y6=2
}}
</div>
</pre>

[[Category:TaluvaIcons]]
</noinclude>