differentiates b/w discovered and undiscovered shrines now

jbbieber1127 · Apr 4, 2019 · 507d5b7 · 507d5b7
1 parent 896b22f
commit 507d5b7
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 18 deletions.
diff --git a/index.html b/index.html
@@ -17,7 +17,7 @@ <h1>(WORK IN PROGRESS) Interactive Sekiro Map by John Bieber - Inspired by: <a h
     </div>
 </body>
 
-<script src="js/worldMap.js"></script>
+<script src="js/worldMap.js?1000"></script>
 <script src="js/chart.js?1000"></script>
 
 </html>
diff --git a/js/chart.js b/js/chart.js
@@ -266,23 +266,36 @@ let drawMap = () => {
             continue;
         }
         if(type == 'shrine'){
-            let img = new Image();
-            img.onload = () => {
-                let height = img.height;
-                let width = img.width;
-                svg.append('image')
-                    .attr('x', x - width/2)
-                    .attr('y', y - height/2 - 25) // 25 is an arbitrary offset for style
-                    .attr('xlink:href', img.src);
-            };
-            img.src = image_dir + 'shrine_discovered.png';
-            svg.append('circle')
-                .attr('cx', x)
-                .attr('cy', y)
-                .attr('r', type_space['shrine'])
-                .attr('fill', 'none')
-                .attr('stroke-width', 5)
-                .attr('stroke', 'LightBlue');
+            if(discovered[i]){
+                let img = new Image();
+                img.onload = () => {
+                    let height = img.height;
+                    let width = img.width;
+                    svg.append('image')
+                        .attr('x', x - width/2)
+                        .attr('y', y - height/2 - 25) // 25 is an arbitrary offset for style
+                        .attr('xlink:href', img.src);
+                };
+                img.src = image_dir + 'shrine_discovered.png';
+                svg.append('circle')
+                    .attr('cx', x)
+                    .attr('cy', y)
+                    .attr('r', type_space['shrine'])
+                    .attr('fill', 'none')
+                    .attr('stroke-width', 5)
+                    .attr('stroke', 'LightBlue');
+            }else{
+                let img = new Image();
+                img.onload = () => {
+                    let height = img.height;
+                    let width = img.width;
+                    svg.append('image')
+                        .attr('x', x - width/2)
+                        .attr('y', y - height/2 - 25) // 25 is an arbitrary offset for style
+                        .attr('xlink:href', img.src);
+                };
+                img.src = image_dir + 'shrine_undiscovered.png';
+            }
         }else if(type == 'encounter'){
             svg.append('circle')
                 .attr('cx', x)