diff --git a/public/index.html b/public/index.html index b14f73f1a3a7819bb2ae5f69fa9ef3288af602a5..c3759eb6001bbf5e639da75d5781392732dc5a35 100644 --- a/public/index.html +++ b/public/index.html @@ -21,7 +21,6 @@ async function activateXR() { document.body.appendChild(canvas); const gl = canvas.getContext("webgl", {xrCompatible: true}); - // To be continued in upcoming steps. const scene = new THREE.Scene(); // The cube will have a different color on each side. @@ -35,9 +34,10 @@ const materials = [ ]; // Create the cube and add it to the demo scene. -const cube = new THREE.Mesh(new THREE.BoxBufferGeometry(0.2, 0.2, 0.2), materials); -cube.position.set(1, 1, 1); +const cube = new THREE.Mesh(new THREE.BoxBufferGeometry(0.5, 0.5, 0.5), materials); +cube.position.set(0, 0, -1); scene.add(cube); + // Set up the WebGLRenderer, which handles rendering to the session's base layer. const renderer = new THREE.WebGLRenderer({ alpha: true, @@ -93,8 +93,6 @@ const onXRFrame = (time, frame) => { session.requestAnimationFrame(onXRFrame); } - </script> </body> </html> -