return to 126

public/ar_download.js

 function downloadScene() {
-  const placedModels = window.getAllPlacedModels().map((model) => {
-    const { lat, lng } = window.threeToLeaflet(
-      model.position.x,
-      model.position.z,
-    );
-    return {
-      name: model.modelConfig.name,
-      position: model.position,
-      rotation: model.rotation,
-      scale: model.scale,
-      lat: lat,
-      lng: lng,
-    };
-  });
-
-  console.log("Modelle: " + placedModels.length);
-  if (placedModels.length === 0) {
-    showInfoDialog("Szene ist leer");
-    return;
-  }
-
-  if (!geoLocation) {
-    console.log("Standort nicht geladen");
-    showInfoDialog("Ihr Standort wurde noch nicht geladen");
-    return;
-  }
+    const placedModels = getAllPlacedModels().map(model => {
+      const { lat, lng } = threeToLeaflet(model.position.x, model.position.z);
+      return {
+        name: model.modelConfig.name,
+        position: model.position,
+        rotation: model.rotation,
+        scale: model.scale,
+        lat: lat,
+        lng: lng,
+      }
+    });
 
-  const data = {
-    lat: geoLocation.latitude,
-    lng: geoLocation.longitude,
-    models: placedModels,
-  };
+    console.log("Modelle: " + placedModels.length)
+    if (placedModels.length === 0) {
+      showInfoDialog("Szene ist leer");
+      return;
+    }
 
-  const sceneData = JSON.stringify(data, null, 1);
-  const blob = new Blob([sceneData], { type: "application/json" });
-  const url = URL.createObjectURL(blob);
-  const a = document.createElement("a");
-  a.href = url;
-  a.download = "scene.json";
-  a.style.display = "none";
+    if (!geoLocation) {
+      console.log("Standort nicht geladen");
+      showInfoDialog("Ihr Standort wurde noch nicht geladen");
+      return;
+    }
 
-  document.body.appendChild(a);
-  a.click();
+    const data = {
+      lat: geoLocation.latitude,
+      lng: geoLocation.longitude,
+      models: placedModels,
+    }
 
-  URL.revokeObjectURL(url);
-  document.body.removeChild(a);
+    const sceneData = JSON.stringify(data, null, 1);
+    const blob = new Blob([sceneData], { type: "application/json" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "scene.json";
+    a.style.display = "none";
+  
+    document.body.appendChild(a);
+    a.click();
+  
+    URL.revokeObjectURL(url);
+    document.body.removeChild(a);
 }
 
 function loadSceneFromFile(loadedData) {
-  const fileInput = document.createElement("input");
-  fileInput.type = "file";
-  fileInput.accept = "application/json";
-
-  fileInput.addEventListener("change", function (event) {
-    const file = event.target.files[0];
-    const fileName = file ? file.name : "Keine Datei ausgewählt";
-    if (!file) {
-      console.log("Keine Datei ausgewählt");
-      return;
-    }
+  const fileInput = document.createElement('input');
+  fileInput.type = 'file';
+  fileInput.accept = 'application/json';
 
-    const reader = new FileReader();
-    reader.onload = function (e) {
-      try {
-        const sceneData = JSON.parse(e.target.result);
-        loadedData(sceneData, fileName);
-      } catch (error) {
-        console.error("Fehler beim Verarbeiten der Datei:", error);
+  fileInput.addEventListener('change', function(event) {
+      const file = event.target.files[0];
+      const fileName = file ? file.name : "Keine Datei ausgewählt"
+      if (!file) {
+          console.log("Keine Datei ausgewählt");
+          return;
       }
-    };
 
-    reader.readAsText(file);
+      const reader = new FileReader();
+      reader.onload = function(e) {
+          try {
+              const sceneData = JSON.parse(e.target.result);
+              loadedData(sceneData, fileName);
+          } catch (error) {
+              console.error("Fehler beim Verarbeiten der Datei:", error);
+          }
+      };
+
+      reader.readAsText(file);
   });
   fileInput.click();
-}
-
+}
\ No newline at end of file
-/* Expose functions used by the existing HTML and ar_start.js. */
-window.downloadScene = downloadScene;
-window.loadSceneFromFile = loadSceneFromFile;

public/ar_overviewmap.js

-import * as THREE from "three";
-
 let init = false;
 let mymap;
 let userIcon;
@@ -100,7 +98,7 @@ function init_map() {
     // Add currently placed models to map
     // ========================================================
 
-    const models = window.getAllPlacedModels();
+    const models = getAllPlacedModels();
 
     models.forEach((model) => {
       const { lat, lng } = threeToLeaflet(model.position.x, model.position.z);
@@ -212,12 +210,7 @@ function updateMap() {
   }
 
   // PERFORMANCE: Reuse the same Vector3 object.
-  const activeCamera =
-    typeof window.getXRRenderCamera === "function"
-      ? window.getXRRenderCamera()
-      : camera;
-
-  activeCamera.getWorldPosition(cameraPosition);
+  camera.getWorldPosition(cameraPosition);
 
   // PERFORMANCE: Do not update Leaflet if the user
   // has not moved.
@@ -330,10 +323,3 @@ function roundTo(n, digits) {
 
   return parseFloat(n);
 }
-
-/* Expose map functions needed by the other application modules. */
-window.init_map = init_map;
-window.centerOnPlan = centerOnPlan;
-window.threeToLeaflet = threeToLeaflet;
-window.leafletToThree = leafletToThree;
-window.roundTo = roundTo;

public/ar_start.js

@@ -79,6 +79,7 @@ function showStartScreen() {
 
   startScreen.appendChild(hftLogo);
 
+
   /* ==========================================================
      TITLE
      ========================================================== */
@@ -189,7 +190,7 @@ function showStartScreen() {
     predefinedButton2 = null;
 
     // Start AR
-    window.window.activateXR(sceneData);
+    activateXR(sceneData);
   };
 
   /* ==========================================================
@@ -197,7 +198,7 @@ function showStartScreen() {
      ========================================================== */
 
   loadButton.onclick = () => {
-    window.window.loadSceneFromFile((data, fileName) => {
+    loadSceneFromFile((data, fileName) => {
       if (data && fileName) {
         sceneData = data;
         sceneFileName = fileName;

public/index.html

@@ -9,15 +9,8 @@
 
   <link rel="stylesheet" href="style.css">
 
-  <!-- Three.js (modern ES module setup) -->
-  <script type="importmap">
-  {
-    "imports": {
-      "three": "https://unpkg.com/three@0.186.0/build/three.module.js",
-      "three/addons/": "https://unpkg.com/three@0.186.0/examples/jsm/"
-    }
-  }
-  </script>
+  <script src="https://unpkg.com/three@0.126.0/build/three.js"></script>
+  <script src="https://unpkg.com/three@0.126.0/examples/js/loaders/GLTFLoader.js"></script>
 </head>
 
 <body>
@@ -306,7 +299,7 @@
        ============================================================ -->
 
   <div id="app-version">
-    v0.1.4
+    v0.1.3
   </div>
 
 
@@ -314,14 +307,11 @@
        JAVASCRIPT
        ============================================================ -->
 
-  <!-- Debug console loads first so it can capture module errors/logs -->
-  <script src="ar_debug_console.js"></script>
+  <script src="ar_start.js"></script>
+
+  <script src="ar_main.js"></script>
 
-  <!-- Application modules -->
-  <script type="module" src="ar_main.js"></script>
-  <script type="module" src="ar_overviewmap.js"></script>
-  <script type="module" src="ar_download.js"></script>
-  <script type="module" src="ar_start.js"></script>
+  <script src="ar_debug_console.js"></script>
 
   <link
     rel="stylesheet"
@@ -329,7 +319,9 @@
 
   <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
 
+  <script src="ar_overviewmap.js"></script>
 
+  <script src="ar_download.js"></script>
 
 
   <!-- ============================================================