Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorCatalin Mititiuc <webdevcat@proton.me>2024-07-15 14:58:53 -0700
committerCatalin Mititiuc <webdevcat@proton.me>2024-07-15 14:58:53 -0700
commit5763dccbde60e29a72cfc5bcac16db6a22edf4e7 (patch)
tree39d7bf3e51eba4c1480e50599bc198d24e316d6b /public/assets
parent9b85d20fecd513ccdb33af29cd0cb12f6e1d4595 (diff)
WIP: Render buildings already in gameboard when scenario is loaded
Diffstat (limited to 'public/assets')
-rw-r--r--public/assets/images/map4-saved.svg301
1 files changed, 301 insertions, 0 deletions
diff --git a/public/assets/images/map4-saved.svg b/public/assets/images/map4-saved.svg
new file mode 100644
index 0000000..1219001
--- /dev/null
+++ b/public/assets/images/map4-saved.svg
@@ -0,0 +1,301 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-60.619998931884766 -115 147.22000122070312 245">
+ <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/radial.css" type="text/css" />
+ <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css" />
+
+ <defs>
+ <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,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 href="#ast-line"/>
+ <use href="#ast-line" transform="rotate(60)"/>
+ <use href="#ast-line" transform="rotate(-60)"/>
+
+ <use x="-8.66" y="-15" href="#ast-line"/>
+ <use x="-8.66" y="-15" transform="rotate(60 -8.66 -15)" href="#ast-line"/>
+
+ <use x="8.66" y="-15" href="#ast-line"/>
+ <use x="8.66" y="-15" transform="rotate(-60 8.66 -15)" href="#ast-line"/>
+
+ <use x="-8.66" y="15" href="#ast-line"/>
+ <use x="-8.66" y="15" transform="rotate(-60 -8.66 15)" href="#ast-line"/>
+
+ <use x="8.66" y="15" href="#ast-line"/>
+ <use x="8.66" y="15" transform="rotate(60 8.66 15)" href="#ast-line"/>
+ </pattern>
+
+ <image id="counter-prone" href="counter_prone.jpg" width="10"/>
+ <image id="counter-grenade" href="counter_grenade.jpg" width="10"/>
+
+ <g id="building1" class="building">
+ <g class="footprint">
+ <g data-q="0" data-r="0" data-s="0" data-left="1" data-top="3" data-right="2" data-bottom="4" data-offset="left"/>
+ <g data-q="0" data-r="0" data-s="0" data-left="1" data-top="3" data-right="4" data-bottom="4" data-offset="left"/>
+ </g>
+
+ <g class="structure">
+ <path id="building1-floor" class="floor" d="M -30.309999,-52.5 H 38.97 l 0,119.999999 H -30.31 Z"/>
+ <path id="building1-outer-wall" class="outer-wall" d="M 38.969998,-7.500001 21.65,-7.5 V 7.4999997 L 12.989997,7.5 m 0,30 25.980001,0 M 12.989997,67.5 v -60 l -17.319997,0 0,-30.0000007 M -4.330003,67.5 v -45 H -30.31 m 0,-74.999999 L 38.97,-52.5 38.969999,67.499999 -30.31,67.5 Z"/>
+ <path id="building1-inner-wall" class="inner-wall" d="M 38.969998,-7.500001 21.65,-7.5 V 7.4999997 L 12.989997,7.5 m 0,30 25.980001,0 M 12.989997,67.5 v -60 l -17.319997,0 0,-30.0000007 M -4.330003,67.5 v -45 H -30.31 m 0,-74.999999 L 38.97,-52.5 38.969999,67.499999 -30.31,67.5 Z"/>
+ <path id="building1-door-edges" class="door-edges" d="m 12.99,52.5 0,-15 M -4.33,45.000003 v -15 M 12.990002,30 l 0,-15"/>
+ <path id="building1-doors" class="doors" d="m 12.99,48.169997 0,-6.34 M -4.33,40.67 v -6.34 m 17.320002,-8.66 0,-6.34"/>
+ <path id="building1-exit-edges" class="exits door-edges" d="M 0,-52.5 H 17.32 M -30.31,8.66 V -8.66"/>
+ <path id="building1-exits" class="doors exits" d="M 4.3300002,-52.5 H 12.99 m -43.3,56.8300023 v -8.660003"/>
+ <path id="building1-windows" class="windows" d="m 32.501739,67.499994 -13.043478,0 m -49.768256,-8.478265 0,-13.043478 m 0,-69.456522 0,-13.043479"/>
+ </g>
+ </g>
+
+ <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="bed" x="-5" y="-9" width="10" height="18"/>
+ <rect id="cabinet" x="-2.5" y="-4.75" width="5" height="9.5"/>
+
+ <g id="mapsheet" class="mapsheet">
+ <g class="building1" data-q="1" data-r="-2" data-s="1">
+ </g>
+ </g>
+
+ <circle id="counter-base" style="r: inherit;" cx="0" cy="0"/>
+
+ <g style="r: inherit;" id="number-1">
+ <use style="r: inherit;" href="#counter-base"/>
+ <text style="fill: var(--text-fill); transform: translateY(var(--translateY))">1</text>
+ </g>
+
+ <g id="auto">
+ <line x1="-2" y1="0" x2="2" y2="0"/>
+ <line x1="-2" y1="1" x2="2" y2="1"/>
+ <line x1="-2" y1="2" x2="2" y2="2"/>
+ </g>
+
+ <g id="blazer" style="r: inherit;" class="weapon-symbol">
+ <use style="r: inherit;" href="#counter-base"/>
+ <g style="stroke: white; stroke-width: 0.5px; fill: none;">
+ <use href="#auto"/>
+ <polyline points="0,-5 0,-3 -3,-2.5 3,-1.5 0,-1 0,2.5 -3,3, 3,4 0,4.5 0,5"/>
+ <polyline points="-2,-3.5 0,-5 2,-3.5"/>
+ </g>
+ </g>
+ </defs>
+
+ <g class="gameboard" data-view-elevation="0" style="transform: matrix(0.703125, 0, 0, 0.703125, 1.70767, 5.86088);">
+ <rect id="background" style="transform: matrix(1, 0, 0, 1, 0, 0);" x="-60.619998931884766" y="-115" width="147.22000122070312" height="245"/>
+ <g class="buildings">
+ <g class="mapsheet">
+ <g class="building building1" transform="translate(0, -30)">
+ <use href="#building1-floor" class="floor elevation-0 elevation-1"/>
+ <use href="#building1-outer-wall" class="outer-wall elevation-0"/>
+ <use href="#building1-inner-wall" class="inner-wall elevation-0"/>
+ <use href="#building1-door-edges" class="door-edges elevation-0"/>
+ <use href="#building1-doors" class="doors elevation-0"/>
+ <use href="#building1-exit-edges" class="exits door-edges elevation-0"/>
+ <use href="#building1-exits" class="doors exits elevation-0"/>
+ <use href="#building1-windows" class="windows elevation-0"/>
+
+ <g class="furniture elevation-0">
+ <use href="#couch" transform="rotate(90,10.34,-27.66)"/>
+ <use href="#bed" transform="translate(-17.32,45)"/>
+ <use href="#bed" transform="translate(25.98,56)"/>
+ <use href="#cabinet" transform="rotate(90,29.575,-7.925)"/>
+ <use href="#cabinet" transform="rotate(90,24.24,1.74)"/>
+ <use href="#cabinet" transform="translate(10.98,-5.25)"/>
+ <use href="#cabinet" transform="rotate(90,-8.245,-2.7450001)"/>
+ <use href="#cabinet" transform="rotate(90,11.865878,19.740878)"/>
+ <use href="#cabinet" transform="translate(32.81,22.5)"/>
+ <use href="#cabinet" transform="rotate(90,-43.385,20.115)"/>
+ </g>
+ <text class="elevation" x="34" y="56">1</text>
+ </g>
+ </g>
+ </g>
+
+ <rect id="dots" fill="url(#asterisk)" x="-60.619998931884766" y="-115" width="147.22000122070312" height="245"/>
+
+ <g id="firing-arcs">
+ <g id="shapes"/>
+ <g id="lines"/>
+ </g>
+
+ <g class="grid">
+ <g class="mapsheets" data-width="8" data-height="8">
+ <g>
+ <use class="mapsheet" href="#mapsheet"/>
+ </g>
+ </g>
+ <g class="mapsheet">
+ <g class="building building1">
+ <g class="elevation-0">
+ <g data-q="1" data-r="-2" data-s="1" data-t="0" transform="translate(0, -30)"><use href="#hex"/></g>
+ <g data-q="2" data-r="-2" data-s="0" data-t="0" transform="translate(-17.32, -30)"><use href="#hex"/></g>
+ <g data-q="0" data-r="-2" data-s="2" data-t="0" transform="translate(17.32, -30)"><use href="#hex"/></g>
+ <g data-q="2" data-r="-3" data-s="1" data-t="0" transform="translate(-8.66, -45)"><use href="#hex"/></g>
+ <g data-q="0" data-r="-1" data-s="1" data-t="0" transform="translate(8.66, -15)"><use href="#hex"/></g>
+ <g data-q="1" data-r="-1" data-s="0" data-t="0" transform="translate(-8.66, -15)"><use href="#hex"/></g>
+ <g data-q="1" data-r="-3" data-s="2" data-t="0" transform="translate(8.66, -45)"><use href="#hex"/></g>
+ <g data-q="3" data-r="-3" data-s="0" data-t="0" transform="translate(-25.98, -45)"><use href="#hex"/></g>
+ <g data-q="2" data-r="-1" data-s="-1" data-t="0" transform="translate(-25.98, -15)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="-2" data-s="3" data-t="0" transform="translate(34.64, -30)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="-1" data-s="2" data-t="0" transform="translate(25.98, -15)"><use href="#hex"/></g>
+ <g data-q="0" data-r="-3" data-s="3" data-t="0" transform="translate(25.98, -45)"><use href="#hex"/></g>
+ <g data-q="3" data-r="-4" data-s="1" data-t="0" transform="translate(-17.32, -60)"><use href="#hex"/></g>
+ <g data-q="2" data-r="-4" data-s="2" data-t="0" transform="translate(0, -60)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="0" data-s="1" data-t="0" transform="translate(17.32, 0)"><use href="#hex"/></g>
+ <g data-q="0" data-r="0" data-s="0" data-t="0" transform="translate(0, 0)"><use href="#hex"/></g>
+ <g data-q="1" data-r="0" data-s="-1" data-t="0" transform="translate(-17.32, 0)"><use href="#hex"/></g>
+ <g data-q="1" data-r="-4" data-s="3" data-t="0" transform="translate(17.32, -60)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="0" data-s="2" data-t="0" transform="translate(34.64, 0)"><use href="#hex"/></g>
+ <g data-q="0" data-r="-4" data-s="4" data-t="0" transform="translate(34.64, -60)"><use href="#hex"/></g>
+ <g data-q="4" data-r="-5" data-s="1" data-t="0" transform="translate(-25.98, -75)"><use href="#hex"/></g>
+ <g data-q="3" data-r="-5" data-s="2" data-t="0" transform="translate(-8.66, -75)"><use href="#hex"/></g>
+ <g data-q="2" data-r="-5" data-s="3" data-t="0" transform="translate(8.66, -75)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="1" data-s="1" data-t="0" transform="translate(25.98, 15)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="1" data-s="0" data-t="0" transform="translate(8.66, 15)"><use href="#hex"/></g>
+ <g data-q="0" data-r="1" data-s="-1" data-t="0" transform="translate(-8.66, 15)"><use href="#hex"/></g>
+ <g data-q="1" data-r="1" data-s="-2" data-t="0" transform="translate(-25.98, 15)"><use href="#hex"/></g>
+ <g data-q="1" data-r="-5" data-s="4" data-t="0" transform="translate(25.98, -75)"><use href="#hex"/></g>
+ <g data-q="-3" data-r="2" data-s="1" data-t="0" transform="translate(34.64, 30)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="2" data-s="0" data-t="0" transform="translate(17.32, 30)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="2" data-s="-1" data-t="0" transform="translate(0, 30)"><use href="#hex"/></g>
+ <g data-q="0" data-r="2" data-s="-2" data-t="0" transform="translate(-17.32, 30)"><use href="#hex"/></g>
+ </g>
+ <g class="elevation-1">
+ <g data-q="1" data-r="-2" data-s="1" data-t="1" transform="translate(0, -30)"><use href="#hex"/></g>
+ <g data-q="2" data-r="-2" data-s="0" data-t="1" transform="translate(-17.32, -30)"><use href="#hex"/></g>
+ <g data-q="0" data-r="-2" data-s="2" data-t="1" transform="translate(17.32, -30)"><use href="#hex"/></g>
+ <g data-q="2" data-r="-3" data-s="1" data-t="1" transform="translate(-8.66, -45)"><use href="#hex"/></g>
+ <g data-q="0" data-r="-1" data-s="1" data-t="1" transform="translate(8.66, -15)"><use href="#hex"/></g>
+ <g data-q="1" data-r="-1" data-s="0" data-t="1" transform="translate(-8.66, -15)"><use href="#hex"/></g>
+ <g data-q="1" data-r="-3" data-s="2" data-t="1" transform="translate(8.66, -45)"><use href="#hex"/></g>
+ <g data-q="3" data-r="-3" data-s="0" data-t="1" transform="translate(-25.98, -45)"><use href="#hex"/></g>
+ <g data-q="2" data-r="-1" data-s="-1" data-t="1" transform="translate(-25.98, -15)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="-2" data-s="3" data-t="1" transform="translate(34.64, -30)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="-1" data-s="2" data-t="1" transform="translate(25.98, -15)"><use href="#hex"/></g>
+ <g data-q="0" data-r="-3" data-s="3" data-t="1" transform="translate(25.98, -45)"><use href="#hex"/></g>
+ <g data-q="3" data-r="-4" data-s="1" data-t="1" transform="translate(-17.32, -60)"><use href="#hex"/></g>
+ <g data-q="2" data-r="-4" data-s="2" data-t="1" transform="translate(0, -60)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="0" data-s="1" data-t="1" transform="translate(17.32, 0)"><use href="#hex"/></g>
+ <g data-q="0" data-r="0" data-s="0" data-t="1" transform="translate(0, 0)"><use href="#hex"/></g>
+ <g data-q="1" data-r="0" data-s="-1" data-t="1" transform="translate(-17.32, 0)"><use href="#hex"/></g>
+ <g data-q="1" data-r="-4" data-s="3" data-t="1" transform="translate(17.32, -60)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="0" data-s="2" data-t="1" transform="translate(34.64, 0)"><use href="#hex"/></g>
+ <g data-q="0" data-r="-4" data-s="4" data-t="1" transform="translate(34.64, -60)"><use href="#hex"/></g>
+ <g data-q="4" data-r="-5" data-s="1" data-t="1" transform="translate(-25.98, -75)"><use href="#hex"/></g>
+ <g data-q="3" data-r="-5" data-s="2" data-t="1" transform="translate(-8.66, -75)"><use href="#hex"/></g>
+ <g data-q="2" data-r="-5" data-s="3" data-t="1" transform="translate(8.66, -75)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="1" data-s="1" data-t="1" transform="translate(25.98, 15)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="1" data-s="0" data-t="1" transform="translate(8.66, 15)"><use href="#hex"/></g>
+ <g data-q="0" data-r="1" data-s="-1" data-t="1" transform="translate(-8.66, 15)"><use href="#hex"/></g>
+ <g data-q="1" data-r="1" data-s="-2" data-t="1" transform="translate(-25.98, 15)"><use href="#hex"/></g>
+ <g data-q="1" data-r="-5" data-s="4" data-t="1" transform="translate(25.98, -75)"><use href="#hex"/></g>
+ <g data-q="-3" data-r="2" data-s="1" data-t="1" transform="translate(34.64, 30)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="2" data-s="0" data-t="1" transform="translate(17.32, 30)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="2" data-s="-1" data-t="1" transform="translate(0, 30)"><use href="#hex"/></g>
+ <g data-q="0" data-r="2" data-s="-2" data-t="1" transform="translate(-17.32, 30)"><use href="#hex"/></g>
+ </g>
+ </g>
+ <g class="elevation-0">
+ <g data-q="2" data-r="0" data-s="-2" data-t="0" transform="translate(-34.64, 0)"><use href="#hex"/></g>
+ <g data-q="3" data-r="0" data-s="-3" data-t="0" transform="translate(-51.96, 0)"><use href="#hex"/></g>
+ <g data-q="3" data-r="-1" data-s="-2" data-t="0" transform="translate(-43.3, -15)"><use href="#hex"/></g>
+ <g data-q="2" data-r="1" data-s="-3" data-t="0" transform="translate(-43.3, 15)"><use href="#hex"/></g>
+ <g data-q="3" data-r="-2" data-s="-1" data-t="0" transform="translate(-34.64, -30)"><use href="#hex"/></g>
+ <g data-q="1" data-r="2" data-s="-3" data-t="0" transform="translate(-34.64, 30)"><use href="#hex"/></g>
+ <g data-q="-3" data-r="0" data-s="3" data-t="0" transform="translate(51.96, 0)"><use href="#hex"/></g>
+ <g data-q="-3" data-r="1" data-s="2" data-t="0" transform="translate(43.3, 15)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="-1" data-s="3" data-t="0" transform="translate(43.3, -15)"><use href="#hex"/></g>
+ <g data-q="-3" data-r="3" data-s="0" data-t="0" transform="translate(25.98, 45)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="3" data-s="-1" data-t="0" transform="translate(8.66, 45)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="3" data-s="-2" data-t="0" transform="translate(-8.66, 45)"><use href="#hex"/></g>
+ <g data-q="0" data-r="3" data-s="-3" data-t="0" transform="translate(-25.98, 45)"><use href="#hex"/></g>
+ <g data-q="4" data-r="-2" data-s="-2" data-t="0" transform="translate(-51.96, -30)"><use href="#hex"/></g>
+ <g data-q="2" data-r="2" data-s="-4" data-t="0" transform="translate(-51.96, 30)"><use href="#hex"/></g>
+ <g data-q="4" data-r="-3" data-s="-1" data-t="0" transform="translate(-43.3, -45)"><use href="#hex"/></g>
+ <g data-q="1" data-r="3" data-s="-4" data-t="0" transform="translate(-43.3, 45)"><use href="#hex"/></g>
+ <g data-q="-4" data-r="0" data-s="4" data-t="0" transform="translate(69.28, 0)"><use href="#hex"/></g>
+ <g data-q="-4" data-r="1" data-s="3" data-t="0" transform="translate(60.620000000000005, 15)"><use href="#hex"/></g>
+ <g data-q="-3" data-r="-1" data-s="4" data-t="0" transform="translate(60.620000000000005, -15)"><use href="#hex"/></g>
+ <g data-q="-4" data-r="2" data-s="2" data-t="0" transform="translate(51.96, 30)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="-2" data-s="4" data-t="0" transform="translate(51.96, -30)"><use href="#hex"/></g>
+ <g data-q="-4" data-r="3" data-s="1" data-t="0" transform="translate(43.3, 45)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="-3" data-s="4" data-t="0" transform="translate(43.3, -45)"><use href="#hex"/></g>
+ <g data-q="4" data-r="-4" data-s="0" data-t="0" transform="translate(-34.64, -60)"><use href="#hex"/></g>
+ <g data-q="-4" data-r="4" data-s="0" data-t="0" transform="translate(34.64, 60)"><use href="#hex"/></g>
+ <g data-q="-3" data-r="4" data-s="-1" data-t="0" transform="translate(17.32, 60)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="4" data-s="-2" data-t="0" transform="translate(0, 60)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="4" data-s="-3" data-t="0" transform="translate(-17.32, 60)"><use href="#hex"/></g>
+ <g data-q="0" data-r="4" data-s="-4" data-t="0" transform="translate(-34.64, 60)"><use href="#hex"/></g>
+ <g data-q="5" data-r="-4" data-s="-1" data-t="0" transform="translate(-51.96, -60)"><use href="#hex"/></g>
+ <g data-q="1" data-r="4" data-s="-5" data-t="0" transform="translate(-51.96, 60)"><use href="#hex"/></g>
+ <g data-q="-5" data-r="1" data-s="4" data-t="0" transform="translate(77.94, 15)"><use href="#hex"/></g>
+ <g data-q="-4" data-r="-1" data-s="5" data-t="0" transform="translate(77.94, -15)"><use href="#hex"/></g>
+ <g data-q="-5" data-r="2" data-s="3" data-t="0" transform="translate(69.28, 30)"><use href="#hex"/></g>
+ <g data-q="-3" data-r="-2" data-s="5" data-t="0" transform="translate(69.28, -30)"><use href="#hex"/></g>
+ <g data-q="-5" data-r="3" data-s="2" data-t="0" transform="translate(60.620000000000005, 45)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="-3" data-s="5" data-t="0" transform="translate(60.620000000000005, -45)"><use href="#hex"/></g>
+ <g data-q="-5" data-r="4" data-s="1" data-t="0" transform="translate(51.96, 60)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="-4" data-s="5" data-t="0" transform="translate(51.96, -60)"><use href="#hex"/></g>
+ <g data-q="5" data-r="-5" data-s="0" data-t="0" transform="translate(-43.3, -75)"><use href="#hex"/></g>
+ <g data-q="-5" data-r="5" data-s="0" data-t="0" transform="translate(43.3, 75)"><use href="#hex"/></g>
+ <g data-q="-4" data-r="5" data-s="-1" data-t="0" transform="translate(25.98, 75)"><use href="#hex"/></g>
+ <g data-q="-3" data-r="5" data-s="-2" data-t="0" transform="translate(8.66, 75)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="5" data-s="-3" data-t="0" transform="translate(-8.66, 75)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="5" data-s="-4" data-t="0" transform="translate(-25.98, 75)"><use href="#hex"/></g>
+ <g data-q="0" data-r="5" data-s="-5" data-t="0" transform="translate(-43.3, 75)"><use href="#hex"/></g>
+ <g data-q="0" data-r="-5" data-s="5" data-t="0" transform="translate(43.3, -75)"><use href="#hex"/></g>
+ <g data-q="-6" data-r="3" data-s="3" data-t="0" transform="translate(77.94, 45)"><use href="#hex"/></g>
+ <g data-q="-3" data-r="-3" data-s="6" data-t="0" transform="translate(77.94, -45)"><use href="#hex"/></g>
+ <g data-q="-6" data-r="4" data-s="2" data-t="0" transform="translate(69.28, 60)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="-4" data-s="6" data-t="0" transform="translate(69.28, -60)"><use href="#hex"/></g>
+ <g data-q="-6" data-r="5" data-s="1" data-t="0" transform="translate(60.620000000000005, 75)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="-5" data-s="6" data-t="0" transform="translate(60.620000000000005, -75)"><use href="#hex"/></g>
+ <g data-q="6" data-r="-6" data-s="0" data-t="0" transform="translate(-51.96, -90)"><use href="#hex"/></g>
+ <g data-q="5" data-r="-6" data-s="1" data-t="0" transform="translate(-34.64, -90)"><use href="#hex"/></g>
+ <g data-q="4" data-r="-6" data-s="2" data-t="0" transform="translate(-17.32, -90)"><use href="#hex"/></g>
+ <g data-q="3" data-r="-6" data-s="3" data-t="0" transform="translate(0, -90)"><use href="#hex"/></g>
+ <g data-q="2" data-r="-6" data-s="4" data-t="0" transform="translate(17.32, -90)"><use href="#hex"/></g>
+ <g data-q="1" data-r="-6" data-s="5" data-t="0" transform="translate(34.64, -90)"><use href="#hex"/></g>
+ <g data-q="-6" data-r="6" data-s="0" data-t="0" transform="translate(51.96, 90)"><use href="#hex"/></g>
+ <g data-q="-5" data-r="6" data-s="-1" data-t="0" transform="translate(34.64, 90)"><use href="#hex"/></g>
+ <g data-q="-4" data-r="6" data-s="-2" data-t="0" transform="translate(17.32, 90)"><use href="#hex"/></g>
+ <g data-q="-3" data-r="6" data-s="-3" data-t="0" transform="translate(0, 90)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="6" data-s="-4" data-t="0" transform="translate(-17.32, 90)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="6" data-s="-5" data-t="0" transform="translate(-34.64, 90)"><use href="#hex"/></g>
+ <g data-q="0" data-r="6" data-s="-6" data-t="0" transform="translate(-51.96, 90)"><use href="#hex"/></g>
+ <g data-q="0" data-r="-6" data-s="6" data-t="0" transform="translate(51.96, -90)"><use href="#hex"/></g>
+ <g data-q="-7" data-r="5" data-s="2" data-t="0" transform="translate(77.94, 75)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="-5" data-s="7" data-t="0" transform="translate(77.94, -75)"><use href="#hex"/></g>
+ <g data-q="-7" data-r="6" data-s="1" data-t="0" transform="translate(69.28, 90)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="-6" data-s="7" data-t="0" transform="translate(69.28, -90)"><use href="#hex"/></g>
+ <g data-q="6" data-r="-7" data-s="1" data-t="0" transform="translate(-43.3, -105)"><use href="#hex"/></g>
+ <g data-q="5" data-r="-7" data-s="2" data-t="0" transform="translate(-25.98, -105)"><use href="#hex"/></g>
+ <g data-q="4" data-r="-7" data-s="3" data-t="0" transform="translate(-8.66, -105)"><use href="#hex"/></g>
+ <g data-q="3" data-r="-7" data-s="4" data-t="0" transform="translate(8.66, -105)"><use href="#hex"/></g>
+ <g data-q="2" data-r="-7" data-s="5" data-t="0" transform="translate(25.98, -105)"><use href="#hex"/></g>
+ <g data-q="1" data-r="-7" data-s="6" data-t="0" transform="translate(43.3, -105)"><use href="#hex"/></g>
+ <g data-q="-7" data-r="7" data-s="0" data-t="0" transform="translate(60.620000000000005, 105)"><use href="#hex"/></g>
+ <g data-q="-6" data-r="7" data-s="-1" data-t="0" transform="translate(43.3, 105)"><use href="#hex"/></g>
+ <g data-q="-5" data-r="7" data-s="-2" data-t="0" transform="translate(25.98, 105)"><use href="#hex"/></g>
+ <g data-q="-4" data-r="7" data-s="-3" data-t="0" transform="translate(8.66, 105)"><use href="#hex"/></g>
+ <g data-q="-3" data-r="7" data-s="-4" data-t="0" transform="translate(-8.66, 105)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="7" data-s="-5" data-t="0" transform="translate(-25.98, 105)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="7" data-s="-6" data-t="0" transform="translate(-43.3, 105)"><use href="#hex"/></g>
+ <g data-q="0" data-r="-7" data-s="7" data-t="0" transform="translate(60.620000000000005, -105)"><use href="#hex"/></g>
+ <g data-q="-8" data-r="7" data-s="1" data-t="0" transform="translate(77.94, 105)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="-7" data-s="8" data-t="0" transform="translate(77.94, -105)"><use href="#hex"/></g>
+ <g data-q="-8" data-r="8" data-s="0" data-t="0" transform="translate(69.28, 120)"><use href="#hex"/></g>
+ <g data-q="-7" data-r="8" data-s="-1" data-t="0" transform="translate(51.96, 120)"><use href="#hex"/></g>
+ <g data-q="-6" data-r="8" data-s="-2" data-t="0" transform="translate(34.64, 120)"><use href="#hex"/></g>
+ <g data-q="-5" data-r="8" data-s="-3" data-t="0" transform="translate(17.32, 120)"><use href="#hex"/></g>
+ <g data-q="-4" data-r="8" data-s="-4" data-t="0" transform="translate(0, 120)"><use href="#hex"/></g>
+ <g data-q="-3" data-r="8" data-s="-5" data-t="0" transform="translate(-17.32, 120)"><use href="#hex"/></g>
+ <g data-q="-2" data-r="8" data-s="-6" data-t="0" transform="translate(-34.64, 120)"><use href="#hex"/></g>
+ <g data-q="-1" data-r="8" data-s="-7" data-t="0" transform="translate(-51.96, 120)"><use href="#hex"/></g>
+ </g>
+ </g>
+ </g>
+ </g>
+
+ <script href="../../radial.js"/>
+ <script href="../../map.js"/>
+</svg>