diff --git a/public/index.html b/public/index.html index 7162a70927f48de23f20185c7df66531e4b61696..e1ab22299139f7f9d0bcc37992fbe9d532053dca 100644 --- a/public/index.html +++ b/public/index.html @@ -60,8 +60,6 @@ const viewerSpace = await session.requestReferenceSpace('viewer'); 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,15 +68,15 @@ loader.load("https://immersive-web.github.io/webxr-samples/media/gltf/reticle/re scene.add(reticle); }) -let chair; +let antique; loader.load("./antiqueCamera/AntiqueCamera.gltf", function(gltf) { - chair = gltf.scene; - chair.scale.set(0.15, 0.15, 0.15); + antique = gltf.scene; + antique.scale.set(0.15, 0.15, 0.15); }); session.addEventListener("select", (event) => { - if (chair) { - const clone = chair.clone(); + if (antique) { + const clone = antique.clone(); clone.position.copy(reticle.position); scene.add(clone); } @@ -113,9 +111,7 @@ const onXRFrame = (time, frame) => { reticle.visible = true; reticle.position.set(hitPose.transform.position.x, hitPose.transform.position.y, hitPose.transform.position.z) reticle.updateMatrixWorld(true); - } - - + } // Render the scene with THREE.WebGLRenderer. renderer.render(scene, camera) @@ -123,9 +119,6 @@ const onXRFrame = (time, frame) => { } session.requestAnimationFrame(onXRFrame); - - - } </script> </body>