ccm/btroops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP: end movement, turn buttons

Browse Source
This commit is contained in:
Catalin Mititiuc
2024-04-01 12:20:04 -07:00
parent 64aeda4b55
commit 5c1dfbca50
3 changed files with 256 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
index.html
View File

@@ -143,19 +143,50 @@
<div id="map-container">
<svg viewbox="-49 -40 2390 3163" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- <circle id="point" cx="0" cy="0" r="0.07in" /> -->
<!-- <circle id="point" cx="0" cy="0" r="50" /> -->
<!-- <polygon id="point" points="0,100 86.6,50 86.6,-50 0,-100 -86.6,-50 -86.6,50" /> -->
<polygon id="point" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5" />
<!-- <text id="asterisk" x="-0.06in" y="0.22in">*</text> -->
<symbol id="troop-counter" viewBox="-8 -8 16 16" width="15" height="15">
<circle class="outer" cx="0" cy="0" r="8" />
<circle class="inner" cx="0" cy="0" r="6" />
<text>1</text>
</symbol>
<image id="numbers" href="rendered_numbers.png" width="182" height="22" />
<symbol id="n1" viewBox="1 0 17 22" width="17" height="22"><use href="#numbers" /></symbol>
<symbol id="n2" viewBox="19 0 16 22" width="16" height="22"><use href="#numbers" /></symbol>
<symbol id="n3" viewBox="36 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
<symbol id="n4" viewBox="54 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
<symbol id="n5" viewBox="0 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
<symbol id="n6" viewBox="0 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
<symbol id="n7" viewBox="0 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
<symbol id="n8" viewBox="0 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
<symbol id="n9" viewBox="0 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
<symbol id="n0" viewBox="0 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
</defs>
<rect id="background" x="-1" y="-1" width="2287" height="3087" />
<image id="map2" class="map-scans" href="scans/map2.jpg" width="2284" height="1518" x="2" y="2" />
<image id="map3" class="map-scans" href="scans/map3.jpg" width="2284" height="1518" x="4" y="1564" />
<g id="image-maps">
<image id="map2" class="map-scans" href="scans/map2.jpg" width="2284" height="1518" x="2" y="2" />
<image id="map3" class="map-scans" href="scans/map3.jpg" width="2284" height="1518" x="4" y="1564" />
</g>
<g id="firing-arcs"></g>
<rect id="map" x="-1" y="-1" width="2287" height="3087" />
<g id="points"></g>
<g id="grid">
<g id="points"></g>
<!-- <g id="firing-arcs"></g> -->
<g id="counters"></g>
</g>
<image style="image-rendering: pixelated" href="rendered_numbers.png" x="0" y="-46" width="182" height="22" opacity="0.5" />
<use href="#n1" x="1" y="-40" opacity="0.5" />
<use href="#n2" x="19" y="-40" opacity="0.5" />
<use href="#n3" x="36" y="-40" opacity="0.5" />
<use href="#n4" x="54" y="-40" opacity="0.5" />
<!-- <rect id="debug-view-box" x="-100" y="-100" width="3400" height="4500" /> -->
</svg>
@@ -183,10 +214,13 @@
<div>
<!-- <img class="logo" src="logo-davion.png" /> -->
<p>
<button type="button" class="clear-firing-arcs" data-allegiance="davion">
Clear Firing Arcs
</button>
<strong>Davion</strong>
<button type="button" class="end-move" data-allegiance="davion">
End Movement
</button>
<button type="button" class="clear-firing-arcs" data-allegiance="davion">
End Turn
</button>
<br>
<!-- 1st Squad, 3rd Platoon, Bravo Company, 2nd Battalion<br>
17th Kestral Mechanized Infantry -->
@@ -244,10 +278,13 @@
<div>
<!-- <img class="logo" src="logo-liao.png" /> -->
<p>
<button type="button" class="clear-firing-arcs" data-allegiance="liao">
Clear Firing Arcs
</button>
<strong>Liao</strong>
<button type="button" class="end-move" data-allegiance="liao">
End Movement
</button>
<button type="button" class="clear-firing-arcs" data-allegiance="liao">
End Turn
</button>
<br>
<!-- 2nd Squad, 1st Platoon, 3rd Company, 2nd Battalion<br>
Aldebaran Home Guard -->