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

Add building height labels

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc 2025-06-16 22:41:32 -07:00
parent 640a763fd7
commit 07506c4039
4 changed files with 42 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/assets/css/map.css
View File

@ -443,11 +443,12 @@ g[data-y="76"] { --i: 76; }
fill-opacity: 0.2;
}
.elevation {
text.elevation {
font-family: sans-serif;
font-weight: bold;
font-size: 6pt;
text-anchor: middle;
user-select: none;
pointer-events: none;
fill: black;
}

5
public/assets/css/radial.css
View File

@ -59,7 +59,7 @@ use[href="#hex"] {
stroke-linecap: square;
}
.building [class*="elevation"] {
.building [class*="elevation-"] {
display: none;
}
@ -76,7 +76,8 @@ use[href="#hex"] {
fill: #999;
}
[data-view-elevation="-1"] .building .elevation-basement {
[data-view-elevation="-1"] .building .elevation-basement,
[data-view-elevation="-1"] .elevation-basement + text.elevation {
display: inline;
}

36
public/assets/images/mapsheets.svg
View File

@ -445,24 +445,6 @@
<use style="transform: translate(303px, 620px) rotate(0deg)" href="#bush"/>
<use style="transform: translate(311.5px, 605px) rotate(-70deg)" href="#bush"/>
</g>
<g class="building4" style="transform: translate(100.5px, 83px)">
<use href="#building4"/>
<g class="furniture">
<use style="transform: translate(-21.5px, -39px)" href="#bed"/>
<use style="transform: translate(22px, -51px)" href="#bed"/>
<use style="transform: translate(21.25px, 33px) rotate(-90deg)" href="#desk"/>
<use style="transform: translate(-5.75px, 20px)" href="#couch"/>
<use style="transform: translate(-9px, -54.75px)" href="#cabinet"/>
<use style="transform: translate(7.5px, -44.75px) rotate(90deg)" href="#cabinet"/>
<use style="transform: translate(25.5px, -18.5px) rotate(90deg)" href="#cabinet"/>
<use style="transform: translate(-24px, -4.5px)" href="#cabinet"/>
<use style="transform: translate(24px, 10.5px)" href="#cabinet"/>
<use style="transform: translate(-16.5px, 33.5px)" href="#cabinet"/>
<use style="transform: translate(17px, 46.5px)" href="#cabinet"/>
<use style="transform: translate(-23.5px, 48.25px)" href="#cabinet"/>
</g>
<text class="elevation" x="28" y="59.5">1</text>
</g>
<g class="building2" style="transform: translate(92px, 281px)">
<use href="#building2"/>
<g class="furniture">
@ -505,6 +487,24 @@
</g>
<text class="elevation" x="27" y="42">2</text>
</g>
<g class="building4" style="transform: translate(100.5px, 83px)">
<use href="#building4"/>
<g class="furniture">
<use style="transform: translate(-21.5px, -39px)" href="#bed"/>
<use style="transform: translate(22px, -51px)" href="#bed"/>
<use style="transform: translate(21.25px, 33px) rotate(-90deg)" href="#desk"/>
<use style="transform: translate(-5.75px, 20px)" href="#couch"/>
<use style="transform: translate(-9px, -54.75px)" href="#cabinet"/>
<use style="transform: translate(7.5px, -44.75px) rotate(90deg)" href="#cabinet"/>
<use style="transform: translate(25.5px, -18.5px) rotate(90deg)" href="#cabinet"/>
<use style="transform: translate(-24px, -4.5px)" href="#cabinet"/>
<use style="transform: translate(24px, 10.5px)" href="#cabinet"/>
<use style="transform: translate(-16.5px, 33.5px)" href="#cabinet"/>
<use style="transform: translate(17px, 46.5px)" href="#cabinet"/>
<use style="transform: translate(-23.5px, 48.25px)" href="#cabinet"/>
</g>
<text class="elevation" x="28" y="59.5">1</text>
</g>
<g class="building6" style="transform: translate(440.75px, 288.5px)">
<use style="transform: rotate(180deg)" href="#building6"/>
<g class="furniture">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 43 KiB

19
public/assets/images/radial.svg
View File

@ -189,6 +189,7 @@
<use href="#desk" transform="rotate(-90,-10.75,34.75)" />
<use href="#desk" transform="rotate(90,-25,25)" />
</g>
<text class="elevation" x="27" y="64">1</text>
</g>
<g class="building3">
@ -202,6 +203,7 @@
<use href="#desk" transform="rotate(90,11.175,4.175)" id="use4675" />
</g>
<path class="stairs" d="m -28.65,-23.55 h 14 v 2.3 h -14 z m 0,2.75 h 14 v 2.3 h -14 z m 0,2.75 h 14 v 2.3 h -14 z m 0,2.75 h 14 v 2.3 h -14 z m 0,2.75 h 14 v 2.3 h -14 z m 0,2.75 h 14 v 2.3 h -14 z m 0,2.75 h 14 v 2.3 h -14 z" />
<text class="elevation" x="15" y="49">2</text>
</g>
<g class="building4">
@ -219,6 +221,7 @@
<use href="#cabinet" transform="translate(19.485076,59.75)" />
<use href="#cabinet" transform="translate(-17.654924,59.75)" />
</g>
<text class="elevation" x="34" y="64">1</text>
</g>
<g class="building6">
@ -230,6 +233,7 @@
<use href="#cabinet" transform="rotate(-90,6.785,0.465)" />
<use href="#cabinet" transform="rotate(-90,-12.134847,-10.365153)" />
</g>
<text class="elevation" x="8" y="64" transform="rotate(180)">1</text>
</g>
</g>
@ -247,6 +251,7 @@
<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 class="building2">
@ -264,6 +269,7 @@
<use href="#desk" transform="translate(-36.64,-20)" />
<use href="#desk" transform="translate(-26,-55)" />
</g>
<text class="elevation" x="27" y="64">1</text>
</g>
<g class="building3">
@ -277,6 +283,7 @@
<use href="#cabinet" transform="rotate(90,-8.3749998,-15.625)" id="use4706" />
<use href="#desk" transform="rotate(-90,5.6249999,-12.375)" id="use4707" />
</g>
<text class="elevation" x="2" y="49">1</text>
</g>
<g class="building4">
@ -294,6 +301,7 @@
<use href="#cabinet" transform="rotate(90,-12.255,25.245)" />
<use href="#cabinet" transform="translate(-26.19,59.5)" />
</g>
<text class="elevation" x="12" y="64">1</text>
</g>
<g class="building5">
@ -311,6 +319,7 @@
<use href="#cabinet" transform="rotate(90,15.735,23.235)" id="use4802" />
</g>
<path class="stairs" d="m 49.915,-22.5 h 12.75 v 3 h -12.75 z m 0,3.5 h 12.75 v 3 h -12.75 z m 0,3.5 h 12.75 v 3 h -12.75 z m 0,3.5 h 12.75 v 3 h -12.75 z" />
<text class="elevation" x="54" y="19">3</text>
</g>
<g class="building6">
@ -322,6 +331,7 @@
<use href="#cabinet" transform="rotate(90,6.16,13.66)" />
<use href="#cabinet" transform="rotate(90,-21.83048,16.16952)" />
</g>
<text class="elevation" x="25" y="34">1</text>
</g>
<g class="building7">
@ -351,6 +361,7 @@
<use href="#cabinet" transform="rotate(90,44.975,19.975)" />
</g>
<path class="stairs" d="m 14.58,-54.75 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z" />
<text class="elevation" x="103" y="49">3</text>
</g>
</g>
@ -368,6 +379,7 @@
<use href="#bed" transform="translate(-10.65179,57.099841)" />
<use href="#bed" transform="translate(25.98,56)" />
</g>
<text class="elevation" x="34" y="56">1</text>
</g>
<g class="building2">
@ -386,6 +398,7 @@
<use href="#desk" transform="translate(-26.119999,-55.500002)" />
</g>
<path class="stairs" d="M -6.1299992,40.399998 H -20.129999 v -2.3 h 13.9999998 z m 0,-2.75 H -20.129999 v -2.3 h 13.9999998 z m 0,-2.75 H -20.129999 v -2.3 h 13.9999998 z m 0,-2.75 H -20.129999 v -2.3 h 13.9999998 z m 0,-2.75 H -20.129999 v -2.3 h 13.9999998 z m 0,-2.75 H -20.129999 v -2.3 h 13.9999998 z m 0,-2.75 H -20.129999 v -2.3 h 13.9999998 z" />
<text class="elevation" x="10" y="64" transform="rotate(180)">3</text>
</g>
<g class="building3">
@ -398,6 +411,7 @@
<use href="#cabinet" transform="rotate(-90,-22.950001,1.450001)" id="use4698" />
<use href="#desk" transform="rotate(-90,2.6749984,-10.674998)" id="use4699" />
</g>
<text class="elevation" x="25" y="34" transform="rotate(180)">1</text>
</g>
<g class="building4">
@ -415,6 +429,7 @@
<use href="#cabinet" transform="rotate(-90,-22.075,-0.425)" />
<use href="#cabinet" transform="rotate(-90,-3.595,-33.905)" />
</g>
<text class="elevation" x="2" y="49" transform="rotate(180)">1</text>
</g>
<g class="building5">
@ -432,6 +447,7 @@
<use href="#cabinet" transform="rotate(90,15.735,23.235)" />
</g>
<path class="stairs" d="m 49.915,-22.5 h 12.75 v 3 h -12.75 z m 0,3.5 h 12.75 v 3 h -12.75 z m 0,3.5 h 12.75 v 3 h -12.75 z m 0,3.5 h 12.75 v 3 h -12.75 z" />
<text class="elevation" x="54" y="19">2</text>
</g>
<g class="building6">
@ -445,6 +461,7 @@
<use href="#cabinet" transform="rotate(-90,15.094729,-5.0293828)" />
<use href="#cabinet" transform="rotate(180,0,-22.5)" />
</g>
<text class="elevation" x="8" y="64" transform="rotate(180)">1</text>
</g>
<g class="building7">
@ -474,6 +491,7 @@
<use href="#cabinet" transform="rotate(90,44.975,19.975)" />
</g>
<path class="stairs" d="m 14.58,-54.75 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z" />
<text class="elevation" x="104" y="49">2</text>
</g>
</g>
@ -518,6 +536,7 @@
<use href="#cabinet" transform="translate(90.183883,50.534279)" />
</g>
<path class="stairs" d="m 54.02,5.2499999 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z m 3.3,0 v -10.5 h 3 v 10.5 z" />
<text class="elevation" x="120" y="80">2</text>
</g>
</g>
</defs>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 41 KiB