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
(Parameters)
(map numbering)
(One intermediate revision 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;">
<div style="position:relative;display:grid;grid:repeat({{{height|3}}},57.6px)/repeat({{{width|auto-fill}}},33.6px);background:radial-gradient(circle,#1ADc 50%,#037c);border-radius:8px;padding:16px;"><div style="position:absolute;top:8px;left:16px;color:#fffc;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;text-shadow:1px 1px 5px #000;">{{{n|}}}</div>{{{1|}}}</div><noinclude>
<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 ==
A map for '''[[Template:TaluvaTile]]s'''.
 
<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 ==
== Example ==


<div style="display:flex;flex-wrap:wrap;gap:8.4px;">
{{TaluvaMap|
{{TaluvaMap |x=4 |y=2
{{TaluvaTile
|{{TaluvaTile|{{TaluvaSand}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
|{{TaluvaClearing}} |1
|x1=1
|{{TaluvaJungle}}   |1
|y1=1
|{{TaluvaTile|{{TaluvaSand}}|{{TaluvaLake}}}}
|x2=5
|y2=1
}}
}}
 
{{TaluvaTile |x=7 |r=1
{{TaluvaMap |x=4 |y=2
|{{TaluvaRock}} |2
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
|{{TaluvaSand}} |2
|x1=1
}}
|y1=1
{{TaluvaTile |x=12 |y=2 |r=2
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaLake}}}}
|{{TaluvaLake}}    |3
|x2=5
|{{TaluvaClearing}} |3
|y2=1
}}
{{TaluvaTile |x=16 |y=2 |r=3
|{{TaluvaJungle}} |{{TaluvaHut|2}}
|{{TaluvaRock}}   |{{TaluvaHut|2}}
}}
{{TaluvaTile |x=20 |y=2 |r=4
|{{TaluvaSand}} |{{TaluvaHut|3}}
|{{TaluvaLake}} |{{TaluvaTower}}
}}
}}
{{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
<pre style="background:none;border:none;">
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
{{TaluvaMap|
|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
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
|{{TaluvaClearing}} |1
|x1=1
|{{TaluvaJungle}}   |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
}}
}}
 
{{TaluvaTile |x=7 |r=1
{{TaluvaMap |x=4 |y=4
|{{TaluvaRock}} |2
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
|{{TaluvaSand}} |2
|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>
{{TaluvaTile |x=12 |y=2 |r=2
<pre style="background:none;border:none;">
|{{TaluvaLake}}     |3
<div style="display:flex;flex-wrap:wrap;gap:8.4px;">
|{{TaluvaClearing}} |3
{{TaluvaMap |x=4 |y=2
|{{TaluvaTile|{{TaluvaSand}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
|x1=1
|y1=1
|{{TaluvaTile|{{TaluvaSand}}|{{TaluvaLake}}}}
|x2=5
|y2=1
}}
}}
 
{{TaluvaTile |x=16 |y=2 |r=3
{{TaluvaMap |x=4 |y=2
|{{TaluvaJungle}} |{{TaluvaHut|2}}
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
|{{TaluvaRock}}  |{{TaluvaHut|2}}
|x1=1
|y1=1
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaLake}}}}
|x2=5
|y2=1
}}
}}
 
{{TaluvaTile |x=20 |y=2 |r=4
{{TaluvaMap |x=4 |y=2
|{{TaluvaSand}} |{{TaluvaHut|3}}
|{{TaluvaTile|{{TaluvaSand|{{TaluvaHut}}}}|{{TaluvaClearing|{{TaluvaHut}}}}}}
|{{TaluvaLake}} |{{TaluvaTower}}
|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
}}
}}
</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>width</code></div>
|r3=1
  <div><code>auto-fill</code></div>
|{{TaluvaTile|{{TaluvaRock}}|{{TaluvaLake}}}}
  <div><code><nowiki>{{TaluvaMap |width=6}}</nowiki></code></div>
|x4=5
  <div>'''''Optional:''''' specify the map width.</div>
|y4=3
  <div><code>height</code></div>
|r4=2
  <div><code>3</code></div>
|{{TaluvaBlank|{{TaluvaHut|2}}}}
  <div><code><nowiki>{{TaluvaMap |height=4}}</nowiki></code></div>
|x5=4
  <div>'''''Optional:''''' specify the map height.</div>
|y5=3
  <div><code>n</code></div>
|{{TaluvaBlank|{{TaluvaTemple}}}}
  <div><code>null</code></div>
|x6=5
  <div><code><nowiki>{{TaluvaMap |n=1}}</nowiki></code></div>
|y6=2
  <div>'''''Optional:''''' specify text in the top left corner of the map.</div>
}}
</div>
</div>
</pre>


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

Revision as of 19:02, 8 May 2024

A map for Template:TaluvaTiles.

Example

Volcano
Clearing
1
Jungle
1
Volcano
Rock
2
Sand
2
Volcano
Lake
3
Clearing
3
Volcano
Jungle
Hut2
Rock
Hut2
Volcano
Sand
Hut3
Lake
Tower
{{TaluvaMap|

{{TaluvaTile
|{{TaluvaClearing}} |1
|{{TaluvaJungle}}   |1
}}
{{TaluvaTile |x=7 |r=1
|{{TaluvaRock}} |2
|{{TaluvaSand}} |2
}}
{{TaluvaTile |x=12 |y=2 |r=2
|{{TaluvaLake}}     |3
|{{TaluvaClearing}} |3
}}
{{TaluvaTile |x=16 |y=2 |r=3
|{{TaluvaJungle}} |{{TaluvaHut|2}}
|{{TaluvaRock}}   |{{TaluvaHut|2}}
}}
{{TaluvaTile |x=20 |y=2 |r=4
|{{TaluvaSand}} |{{TaluvaHut|3}}
|{{TaluvaLake}} |{{TaluvaTower}}
}}

}}

Parameters

Parameter
Default value
Example
Description
1
null
{{TaluvaMap |{{TaluvaTile}} }}
Optional: place tiles on the map.
width
auto-fill
{{TaluvaMap |width=6}}
Optional: specify the map width.
height
3
{{TaluvaMap |height=4}}
Optional: specify the map height.
n
null
{{TaluvaMap |n=1}}
Optional: specify text in the top left corner of the map.