| 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-07-02 20:57:41 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-07-02 20:57:41 -0700 |
| commit | c4047b56d7b75d8b7ba8b884d8ec6b2660036e12 (patch) | |
| tree | 8de6b8b0bc9abb7430c6b6d41299d4b616bc3182 /public/assets | |
| parent | 6907f650852046f10d92c349188d14c8bd0f938c (diff) | |
Render roofs below current elevation level in different color
Diffstat (limited to 'public/assets')
| -rw-r--r-- | public/assets/css/map.css | 2 | ||||
| -rw-r--r-- | public/assets/css/radial.css | 39 | ||||
| -rw-r--r-- | public/assets/images/radial.svg | 2 |
3 files changed, 35 insertions, 8 deletions
diff --git a/public/assets/css/map.css b/public/assets/css/map.css index 7eb87f8..24b6e31 100644 --- a/public/assets/css/map.css +++ b/public/assets/css/map.css @@ -393,7 +393,7 @@ g[data-y="76"] { --i: 76; } } .floor { - fill: white; + /* fill: white; */ /* fill: inherit; */ } diff --git a/public/assets/css/radial.css b/public/assets/css/radial.css index c75d676..b9ad688 100644 --- a/public/assets/css/radial.css +++ b/public/assets/css/radial.css @@ -37,7 +37,7 @@ use[href="#hex"] { .terrain .floor { display: inline; opacity: 1; - fill: #ffffff; + /* fill: #ffffff; */ /* fill-opacity: 0.5; */ /* fill: url(#asterisk); */ stroke: none; @@ -63,6 +63,11 @@ use[href="#hex"] { display: none; } +.building use.floor { + fill: gray; + display: inline; +} + [data-view-elevation="-1"] [class*="elevation"] { display: none; } @@ -79,21 +84,43 @@ use[href="#hex"] { display: inline; } +[data-view-elevation="-1"] .building use.floor { + display: none; +} + +[data-view-elevation="-1"] .building use.floor.elevation-basement { + fill: white; + display: inline; +} + +[data-view-elevation="0"] .building use.floor.elevation-0 { + fill: white; +} + [data-view-elevation="1"] .building .elevation-1 { display: inline; } -[data-view-elevation="2"] .building .elevation-2, -[data-view-elevation="2"] .building .elevation-1:last-child { +[data-view-elevation="1"] .building use.floor.elevation-1 { + fill: white; +} + +[data-view-elevation="2"] .building .elevation-2 { display: inline; } -[data-view-elevation="3"] .building .elevation-3, -[data-view-elevation="3"] .building .elevation-1:last-child, -[data-view-elevation="3"] .building .elevation-2:last-child { +[data-view-elevation="2"] .building use.floor.elevation-2 { + fill: white; +} + +[data-view-elevation="3"] .building .elevation-3 { display: inline; } +[data-view-elevation="3"] .building use.floor.elevation-3 { + fill: white; +} + #tree .trunk { fill: brown; } diff --git a/public/assets/images/radial.svg b/public/assets/images/radial.svg index 775f0f2..69390f9 100644 --- a/public/assets/images/radial.svg +++ b/public/assets/images/radial.svg @@ -200,7 +200,7 @@ <use href="#cabinet" transform="rotate(90,24.325,-0.675)" id="use4673" /> <use href="#cabinet" transform="rotate(90,-36.295758,12.229118)" id="use4674" /> <use href="#desk" transform="rotate(90,11.175,4.175)" id="use4675" /> - <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" id="path4675" /> + <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" /> </g> </g> |
