WIP: start mapsheets

This commit is contained in:
2025-06-16 22:41:31 -07:00
parent e315cdeddc
commit c7bb814b42
2 changed files with 236 additions and 113 deletions

View File

@@ -29,22 +29,28 @@
}
.elevation-1 {
/* filter: blur(.5px);
opacity: 0.25; */
/* filter: blur(.5px); */
/* opacity: 1; */
display: none;
}
.buildings .elevation-1,
.building .elevation-1 {
/* display: none; */
fill: lightgreen;
}
}
.elevation-2 {
fill: rgb(240, 216, 172);
opacity: 0.3;
/* fill: rgb(240, 216, 172); */
opacity: 0.5;
/* display: none; */
}
.elevation-2 use[href="#hex"]{
fill: blue;
}
.elevation-roof {
display: none;
}
@@ -127,7 +133,8 @@
}
.building {
display: none;
/* display: none; */
/* opacity: 0.2 */
}
</style>
@@ -135,7 +142,6 @@
<body>
<svg viewBox="-300 -400 600 800" xmlns="http://www.w3.org/2000/svg">
<!-- <svg viewBox="-30 -20 60 40" xmlns="http://www.w3.org/2000/svg"> -->
<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" stroke="#000000" stroke-width="0.3" x1="-1.2" y1="0" x2="1.2" y2="0" />
@@ -153,7 +159,7 @@
</pattern>
</defs>
<g id="building1" class="building view-elevation-1">
<g id="building1" style="display: none" class="building view-elevation-1">
<g transform="translate(-60.62, 105)">
<path class="floor" d="M -38.969999,-67.499999 H 38.969999 V 67.499999 h -77.939998 z" />
<path class="outer-wall"
@@ -164,7 +170,8 @@
</g>
<g id="building2" class="building view-elevation-1">
<g transform="translate(-181.86, 105)">
<!-- <g transform="translate(-181.86, 105)"> -->
<g>
<path class="floor"
d="m 38.786985,67.5 17.32,-30 v -45 l -17.32,-30 v -30 h -77.94 v 30 l -17.32,30 v 45 l 17.32,30 z" />
<path class="outer-wall"
@@ -175,6 +182,10 @@
d="m 3.698745,-67.5 h 9.55648 m 7.76351,30 h 9.55648 M -4.9612546,67.5 H 4.595225 m -18.71725,-60 h 9.5564804 m -35.0357204,0 h 9.55648 m 33.74353,-75 h 9.55648 m -35.53648,30 h 9.55648 m 7.7635204,105 H 4.595225 m -18.71725,-60 h 9.5564804 m -35.0357204,0 h 9.55648" />
</g>
</g>
<!-- <g id="mapsheet1" transform="translate(600)"></g>
<g id="mapsheet2" transform="translate(600, -394)"></g>
<g id="mapsheet3" transform="translate(600, 394)"></g> -->
</svg>
<script src="radial.js"></script>
</body>