+ Loading...
+
+
diff --git a/public/style.css b/public/style.css
index 00d9d74..a8fa57a 100644
--- a/public/style.css
+++ b/public/style.css
@@ -16,6 +16,11 @@ svg, object {
height: 100%;
}
+object {
+ opacity: 0;
+ transition: opacity 0.25s;
+}
+
svg image {
image-rendering: pixelated;
}
diff --git a/src/index.js b/src/index.js
index cb746f4..617e953 100644
--- a/src/index.js
+++ b/src/index.js
@@ -75,6 +75,12 @@ const RecordSheet = new function () {
};
};
+const mapPlaceholder = document.querySelector('.map-placeholder');
+document.querySelector('object').addEventListener('load', function () {
+ mapPlaceholder.remove();
+ this.style.opacity = 1;
+});
+
window.addEventListener('load', () => {
const svg = document.querySelector('object').contentDocument.querySelector('svg'),
game = new Game(svg);
--
cgit v1.2.3