| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
| author | Catalin Mititiuc <webdevcat@proton.me> | 2024-05-19 10:05:17 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-05-19 10:05:17 -0700 |
| commit | 2f7efc76e0ef8165dea677d3e40efb11c528cac3 (patch) | |
| tree | cd14d51a271446500543371e0c4f231b7489d116 /public/assets/images/scenario-dragon_hunting.svg | |
| parent | 549ad8699f53cc4f3e7a82be2f7caee8925d93ce (diff) | |
Make scenario files; consolidate mapsheets into one file
Diffstat (limited to 'public/assets/images/scenario-dragon_hunting.svg')
| -rw-r--r-- | public/assets/images/scenario-dragon_hunting.svg | 127 |
1 files changed, 127 insertions, 0 deletions
diff --git a/public/assets/images/scenario-dragon_hunting.svg b/public/assets/images/scenario-dragon_hunting.svg new file mode 100644 index 0000000..e27e404 --- /dev/null +++ b/public/assets/images/scenario-dragon_hunting.svg @@ -0,0 +1,127 @@ +<?xml version="1.0" standalone="no"?> +<svg viewBox="-150 -150 600 800" xmlns="http://www.w3.org/2000/svg"> + <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="http://localhost:8080/assets/css/map.css" type="text/css" /> + <style> + #image-maps image { + transform: none; + } + + g[data-edge="north"] { --i: -2; } + g[data-edge="south"] { --i: 78; } + + #background { + stroke: #304b75; + fill: #bacae3; + } + + pattern use { + stroke: black; + stroke-width: 0.3px; + } + + .cw-60-deg { + transform: rotate(60deg); + } + + .ccw-60-deg { + transform: rotate(-60deg); + } + </style> + <defs> + <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/> + <circle id="counter-base" cx="0" cy="0" r="5"/> + + <line id="ast-line" x1="-1.2" y1="0" x2="1.2" y2="0"/> + + <pattern id="asterisk" viewBox="-8.66 -15 17.32 30" width="17.32" height="30" patternUnits="userSpaceOnUse"> + <use y="-15" href="#ast-line"/> + <use y="-15" style="transform-origin: 0 -15px;" class="cw-60-deg" href="#ast-line"/> + <use y="-15" style="transform-origin: 0 -15px;" class="ccw-60-deg" href="#ast-line"/> + <use y="15" href="#ast-line"/> + <use y="15" style="transform-origin: 0 15px;" class="cw-60-deg" href="#ast-line"/> + <use y="15" style="transform-origin: 0 15px;" class="ccw-60-deg" href="#ast-line"/> + + <use x="8.66" href="#ast-line"/> + <use x="8.66" style="transform-origin: 8.66px 0;" class="cw-60-deg" href="#ast-line"/> + <use x="8.66" style="transform-origin: 8.66px 0;" class="ccw-60-deg" href="#ast-line"/> + <use x="-8.66" href="#ast-line"/> + <use x="-8.66" style="transform-origin: -8.66px 0;" class="cw-60-deg" href="#ast-line"/> + <use x="-8.66" style="transform-origin: -8.66px 0;" class="ccw-60-deg" href="#ast-line"/> + </pattern> + + <g id="t-1" class="troop-counter-template"><use href="#counter-base"/><text>1</text></g> + <g id="t-2" class="troop-counter-template"><use href="#counter-base"/><text>2</text></g> + <g id="t-3" class="troop-counter-template"><use href="#counter-base"/><text>3</text></g> + <g id="t-4" class="troop-counter-template"><use href="#counter-base"/><text>4</text></g> + <g id="t-5" class="troop-counter-template"><use href="#counter-base"/><text>5</text></g> + <g id="t-6" class="troop-counter-template"><use href="#counter-base"/><text>6</text></g> + <g id="t-7" class="troop-counter-template"><use href="#counter-base"/><text>7</text></g> + + <image id="counter-prone" href="counter_prone.jpg" width="10"/> + <image id="counter-grenade" href="counter_grenade.jpg" width="10"/> + </defs> + + <rect id="background"/> + + <g class="gameboard"> + <use href="http://localhost:8080/assets/images/mapsheets.svg#map2"/> + <use href="http://localhost:8080/assets/images/mapsheets.svg#map1" style="transform: translate(0, 390.25px);"/> + <use href="http://localhost:8080/assets/images/mapsheets.svg#map3" style="transform: translate(0, 780.5px);"/> + + <rect id="dots" fill="url(#asterisk)"/> + <g id="firing-arcs"> + <g id="shapes"/> + <g id="lines"/> + </g> + <g class="start-locations"> + <g data-edge="north"> + <g data-x="13"> + <g class="counter" data-allegiance="attacker" data-number="1"><use href="#t-1"/></g> + </g> + <g data-x="14"> + <g class="counter" data-allegiance="attacker" data-number="2"><use href="#t-2"/></g> + </g> + <g data-x="15"> + <g class="counter" data-allegiance="attacker" data-number="3"><use href="#t-3"/></g> + </g> + <g data-x="16"> + <g class="counter" data-allegiance="attacker" data-number="4"><use href="#t-4"/></g> + </g> + <g data-x="17"> + <g class="counter" data-allegiance="attacker" data-number="5"><use href="#t-5"/></g> + </g> + <g data-x="18"> + <g class="counter" data-allegiance="attacker" data-number="6"><use href="#t-6"/></g> + </g> + <g data-x="19"> + <g class="counter" data-allegiance="attacker" data-number="7"><use href="#t-7"/></g> + </g> + </g> + <g data-edge="south"> + <g data-x="13"> + <g class="counter" data-allegiance="defender" data-number="1"><use href="#t-1"/></g> + </g> + <g data-x="14"> + <g class="counter" data-allegiance="defender" data-number="2"><use href="#t-2"/></g> + </g> + <g data-x="15"> + <g class="counter" data-allegiance="defender" data-number="3"><use href="#t-3"/></g> + </g> + <g data-x="16"> + <g class="counter" data-allegiance="defender" data-number="4"><use href="#t-4"/></g> + </g> + <g data-x="17"> + <g class="counter" data-allegiance="defender" data-number="5"><use href="#t-5"/></g> + </g> + <g data-x="18"> + <g class="counter" data-allegiance="defender" data-number="6"><use href="#t-6"/></g> + </g> + <g data-x="19"> + <g class="counter" data-allegiance="defender" data-number="7"><use href="#t-7"/></g> + </g> + </g> + </g> + <g class="grid"/> + </g> + <script data-cols="33" data-rows="77" href="http://localhost:8080/map.js"/> +</svg> |