diff --git a/public/index.html b/public/index.html index 30bc2d33077fbb5de03b1faa98889c0b1c89ccf9..5760efb0b31254dcc257afc8e2bde118022f4e7a 100644 --- a/public/index.html +++ b/public/index.html @@ -59,9 +59,6 @@ const viewerSpace = await session.requestReferenceSpace('viewer'); // Perform hit testing using the viewer as origin. const hitTestSource = await session.requestHitTestSource({ space: viewerSpace }); - - - const loader = new THREE.GLTFLoader(); let reticle; loader.load("https://immersive-web.github.io/webxr-samples/media/gltf/reticle/reticle.gltf", function(gltf) { @@ -70,16 +67,17 @@ loader.load("https://immersive-web.github.io/webxr-samples/media/gltf/reticle/re scene.add(reticle); }) -let chair; +let fox; loader.load("./fox/Fox.gltf", function(gltf) { - chair = gltf.scene; - chair.scale.set(0.5, 0.5, 0.5); // Adjust the scale as needed + fox = gltf.scene; + fox.scale.set(0.1, 0.1, 0.1); // Adjust the scale as needed }); session.addEventListener("select", (event) => { - if (chair) { - const clone = chair.clone(); + if (fox) { + const clone = fox.clone(); clone.position.copy(reticle.position); + clone.scale.set(0.1, 0.1, 0.1); // Ensure the clone is also scaled down scene.add(clone); } }); @@ -115,17 +113,12 @@ const onXRFrame = (time, frame) => { reticle.updateMatrixWorld(true); } - - // Render the scene with THREE.WebGLRenderer. renderer.render(scene, camera) } } session.requestAnimationFrame(onXRFrame); - - - } </script> </body>