diff --git a/public/index.html b/public/index.html index aceced4592f1b558fe0253ad42650053fa941c4f..c3759eb6001bbf5e639da75d5781392732dc5a35 100644 --- a/public/index.html +++ b/public/index.html @@ -21,10 +21,7 @@ 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(); + const scene = new THREE.Scene(); // The cube will have a different color on each side. const materials = [ @@ -37,8 +34,8 @@ 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. @@ -95,7 +92,7 @@ const onXRFrame = (time, frame) => { } session.requestAnimationFrame(onXRFrame); - +} </script> </body> </html>