diff --git a/public/index.html b/public/index.html index 911d54223fd4eefefa706f4f9c1c0effda825eda..6b2c77cdb0dfb59a930fd66960ddc1b6ded31597 100644 --- a/public/index.html +++ b/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.