| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
path: root/index.html
diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 61 |
1 files changed, 49 insertions, 12 deletions
@@ -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> + <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"> - Clear Firing Arcs + End Turn </button> - <strong>Davion</strong> <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> + <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"> - Clear Firing Arcs + End Turn </button> - <strong>Liao</strong> <br> <!-- 2nd Squad, 1st Platoon, 3rd Company, 2nd Battalion<br> Aldebaran Home Guard --> |