adds map tile caching, PWA manifest, placeholder icons and default NPC marker

This commit is contained in:
Sundog Jones 2024-06-25 12:14:37 -04:00
parent 8b21bd9bfb
commit 40b6f01b2a
5 changed files with 27 additions and 2 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -11,6 +11,7 @@
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script> <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
<script type='text/javascript' src='https://raw.githack.com/AR-js-org/AR.js/master/three.js/build/ar-threex-location-only.js'></script> <script type='text/javascript' src='https://raw.githack.com/AR-js-org/AR.js/master/three.js/build/ar-threex-location-only.js'></script>
<script type='text/javascript' src='https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js'></script> <script type='text/javascript' src='https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js'></script>
<link rel="manifest" href="manifest.json" />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
crossorigin=""/> crossorigin=""/>
@ -18,6 +19,8 @@
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
crossorigin=""></script> crossorigin=""></script>
<script src="https://unpkg.com/pouchdb@^5.2.0/dist/pouchdb.js"></script>
<script src="https://unpkg.com/leaflet.tilelayer.pouchdbcached@latest/L.TileLayer.PouchDBCached.js"></script>
<style> <style>
#ar-view { #ar-view {
display: none; display: none;
@ -65,6 +68,7 @@
var globalRotation = new THREE.Quaternion(); var globalRotation = new THREE.Quaternion();
var globalMap = L.map('map-view').setView([34.68825, -84.47705], globalZoom); var globalMap = L.map('map-view').setView([34.68825, -84.47705], globalZoom);
globalMap.attributionControl.setPrefix(false);
var globalMarkers = []; var globalMarkers = [];
@ -73,7 +77,9 @@
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', { L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 22, maxZoom: 22,
attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>' attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
useCache: true,
crossOrigin: true
}).addTo(globalMap); }).addTo(globalMap);
// generic monster svg icon for now // generic monster svg icon for now
@ -128,7 +134,7 @@ AFRAME.registerComponent('camera-logger', {
}); });
document.querySelector('#debug-view').innerHTML = "<p>Time: " + this.data.seconds document.querySelector('#debug-view').innerHTML = "<p>Time: " + this.data.seconds
+ "</p><p>Camera Position: (" + worldPos.x.toFixed(6) + ", " + worldPos.y.toFixed(2) + ", " + worldPos.z.toFixed(6) + "</p>" + "</p><p>Camera Position: (" + worldPos.x.toFixed(6) + ", " + worldPos.y.toFixed(2) + ", " + worldPos.z.toFixed(6) + ")</p>"
+ "</p><p>Distance to marker[0]: " + globalMap.distance(currentPosition, globalMarkers[0]._latlng).toFixed(1) + " meters</p>"; + "</p><p>Distance to marker[0]: " + globalMap.distance(currentPosition, globalMarkers[0]._latlng).toFixed(1) + " meters</p>";
}); });
}, },

View File

@ -0,0 +1,18 @@
{
"name": "Wandering Ellijay",
"short_name": "Wander",
"icons": [
{
"src": "icons/squatch-512.png",
"type": "image/png",
"sizes": "512x512"
},
{
"src": "icons/squatch-192.png",
"type": "image/png",
"sizes": "192x192"
}
],
"start_url": "https://wander.reclaim.technology/webserver/play/",
"display": "fullscreen"
}

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.2 KiB