Update index.html

public/index.html

@@ -60,22 +60,42 @@ async function activateXR() {
 
   const loader = new THREE.GLTFLoader();
   let reticle;
-  loader.load("https://immersive-web.github.io/webxr-samples/media/gltf/reticle/reticle.gltf", function(gltf) {
-    reticle = gltf.scene;
-    reticle.visible = false;
-    scene.add(reticle);
-  });
+
+  // Load the reticle model
+  loader.load(
+    "https://immersive-web.github.io/webxr-samples/media/gltf/reticle/reticle.gltf",
+    function (gltf) {
+      reticle = gltf.scene;
+      reticle.visible = false;
+      scene.add(reticle);
+      console.log("Reticle loaded successfully");
+    },
+    undefined,
+    function (error) {
+      console.error("Error loading reticle:", error);
+    }
+  );
 
   let beeModel;
-  loader.load("https://transfer.hft-stuttgart.de/gitlab/22raya1mpg/argumented-reality/-/blob/master/bee/scene.gltf", function(gltf) {
-    beeModel = gltf.scene;
-  });
+  // Load the bee model with the correct URL
+  loader.load(
+    "https://transfer.hft-stuttgart.de/gitlab/22raya1mpg/argumented-reality/-/raw/567d6ba4fbd43ce81686043298a1f324485a9630/bee/scene.gltf",
+    function (gltf) {
+      beeModel = gltf.scene;
+      console.log("Bee model loaded successfully");
+    },
+    undefined,
+    function (error) {
+      console.error("Error loading bee model:", error);
+    }
+  );
 
   session.addEventListener("select", (event) => {
     if (beeModel && reticle) {
       const clone = beeModel.clone();
       clone.position.copy(reticle.position);
       scene.add(clone);
+      console.log("Bee model placed at reticle position");
     }
   });
 
@@ -108,6 +128,7 @@ async function activateXR() {
         reticle.visible = true;
         reticle.position.set(hitPose.transform.position.x, hitPose.transform.position.y, hitPose.transform.position.z);
         reticle.updateMatrixWorld(true);
+        console.log("Reticle position updated");
       }
 
       // Render the scene with THREE.WebGLRenderer.