| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
Diffstat (limited to 'public/assets/images/map3.svg')
| -rw-r--r-- | public/assets/images/map3.svg | 95 |
1 files changed, 88 insertions, 7 deletions
diff --git a/public/assets/images/map3.svg b/public/assets/images/map3.svg index 556ad91..1cfddfe 100644 --- a/public/assets/images/map3.svg +++ b/public/assets/images/map3.svg @@ -8,12 +8,47 @@ g[data-edge="north"] { --i: -2; } g[data-edge="south"] { --i: 26; } + + #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> @@ -67,20 +102,66 @@ "/> </g> - <rect id="background"/> + <polygon id="desk" points="-1.5,-7 4.5,-7 4.5,7 -1.5,7 -2.5,6 -2.5,3 -4.5,3 -4.5,-3 -2.5,-3 -2.5,-6"/> + <rect id="couch" x="-4.25" y="-8" width="8.5" height="16"/> + <rect id="dresser" x="-2.5" y="-4.75" width="5" height="9.5"/> </defs> - <use href="#background"/> + <rect id="background"/> - <g id="image-maps"> + <!-- <g id="image-maps"> <image id="map4" class="map-scans" href="scans/map4.jpg" width="2284" height="1518"/> <image id="map4" class="map-scans" href="column.jpg" width="24" height="1518" x="2268"/> - </g> + </g> --> <g class="gameboard"> - <g id="buildings"> - <use x="263.125" y="188.625" href="#building8"/> + <g id="svg-map4"> + <g class="building8" style="transform: translate(263.125px, 188.625px)"> + <use href="#building8"/> + <g class="furniture"> + <use style="transform: translate(-82px, -84px)" href="#couch"/> + <use style="transform: translate(6px, -83.5px)" href="#couch"/> + <use style="transform: translate(23px, -84px)" href="#couch"/> + <use style="transform: translate(-72px, -8px)" href="#couch"/> + <use style="transform: translate(-36.5px, -8px)" href="#couch"/> + <use style="transform: translate(-3px, -8px)" href="#couch"/> + <use style="transform: translate(-21.5px, 51px)" href="#couch"/> + + <use style="transform: translate(-64px, -60.5px) rotate(-90deg)" href="#desk"/> + <use style="transform: translate(48px, -44.5px) rotate(-90deg)" href="#desk"/> + <use style="transform: translate(92.5px, -78.75px) rotate(-90deg)" href="#desk"/> + <use style="transform: translate(-89.5px, 23px) rotate(-90deg)" href="#desk"/> + <use style="transform: translate(-46px, 42px) rotate(-90deg)" href="#desk"/> + <use style="transform: translate(-2.5px, 24px) rotate(-90deg)" href="#desk"/> + <use style="transform: translate(49.5px, 23.5px) rotate(-90deg)" href="#desk"/> + <use style="transform: translate(101.5px, 23.5px) rotate(-90deg)" href="#desk"/> + <use style="transform: translate(-90.25px, 56.5px) rotate(90deg)" href="#desk"/> + <use style="transform: translate(-90px, 89.5px) rotate(90deg)" href="#desk"/> + <use style="transform: translate(110px, 66.5px)" href="#desk"/> + + <use style="transform: translate(-42.25px, -77.25px) rotate(90deg)" href="#dresser"/> + <use style="transform: translate(-29.75px, -75.75px)" href="#dresser"/> + <use style="transform: translate(6px, -56.75px)" href="#dresser"/> + <use style="transform: translate(23.5px, -56.75px)" href="#dresser"/> + <use style="transform: translate(-76px, -36px)" href="#dresser"/> + <use style="transform: translate(-52.75px, -36px)" href="#dresser"/> + <use style="transform: translate(-12.75px, -34px) rotate(90deg)" href="#dresser"/> + <use style="transform: translate(74.5px, -34.5px) rotate(90deg)" href="#dresser"/> + <use style="transform: translate(-73.5px, 13px) rotate(90deg)" href="#dresser"/> + <use style="transform: translate(-38px, 13.25px) rotate(90deg)" href="#dresser"/> + <use style="transform: translate(-112.5px, 59px)" href="#dresser"/> + <use style="transform: translate(-112.75px, 94px)" href="#dresser"/> + <use style="transform: translate(-81.75px, 104px) rotate(90deg)" href="#dresser"/> + <use style="transform: translate(-65.25px, 68.5px)" href="#dresser"/> + <use style="transform: translate(-47.75px, 104px) rotate(90deg)" href="#dresser"/> + <use style="transform: translate(-30px, 67px)" href="#dresser"/> + <use style="transform: translate(31px, 51px) rotate(90deg)" href="#dresser"/> + <use style="transform: translate(87.5px, 58px)" href="#dresser"/> + + </g> + </g> </g> + <rect id="dots" fill="url(#asterisk)"/> <g id="firing-arcs"> <g id="shapes"/> <g id="lines"/> |
