Update public/index.html

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>
-