From a6f3e2f0e04b563815db79f4d1c4f1d3ce81f423 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Fri, 17 May 2024 16:23:20 -0700
Subject: Make map dot pattern
---
public/assets/css/map.css | 8 +++--
public/assets/images/map1.svg | 69 ++++++++++++++++++++++++++++++++-----------
2 files changed, 57 insertions(+), 20 deletions(-)
diff --git a/public/assets/css/map.css b/public/assets/css/map.css
index 067f5c3..6c10e2e 100644
--- a/public/assets/css/map.css
+++ b/public/assets/css/map.css
@@ -44,7 +44,7 @@ polyline.move-trace {
}
#background {
- fill: #bacae3;
+ /* fill: #bacae3; */
}
#map2 {
@@ -400,8 +400,12 @@ g[data-y="76"] { --i: 76; }
transform: scale(0.9);
}
+#buildings {
+ /* display: none; */
+}
+
.building, #terrain {
- opacity: 1;
+ /* opacity: 0.5; */
}
.building .floor {
diff --git a/public/assets/images/map1.svg b/public/assets/images/map1.svg
index 3109b9e..63663e0 100644
--- a/public/assets/images/map1.svg
+++ b/public/assets/images/map1.svg
@@ -5,24 +5,56 @@
g[data-edge="north"] { --i: -2; }
g[data-edge="south"] { --i: 52; }
- g#hex line {
- opacity: 1;
+ #background {
+ stroke: #304b75;
}
- g#hex line {
- stroke-width: 0.2px;
- transform: scale(1.2);
+ pattern use {
+ stroke: black;
+ stroke-width: 0.3px;
}
- g#hex line:nth-child(2) {
- transform: rotate(60deg) scale(1.2);
+ pattern rect {
+ fill: #bacae3;
}
- g#hex line:nth-child(3) {
- transform: rotate(-60deg) scale(1.2);
+ .building .floor {
+ opacity: 0.3;
}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -452,30 +484,31 @@
-
-
+
+
+
-
-
+
+
-
+
-
+
-
+
-
+
--
cgit v1.2.3