Update index.html

public/index.html

@@ -24,19 +24,14 @@ async function activateXR() {
   const scene = new THREE.Scene();
 
 // The cube will have a different color on each side.
-const materials = [
-  new THREE.MeshBasicMaterial({color: 0xff0000}),
-  new THREE.MeshBasicMaterial({color: 0x0000ff}),
-  new THREE.MeshBasicMaterial({color: 0x00ff00}),
-  new THREE.MeshBasicMaterial({color: 0xff00ff}),
-  new THREE.MeshBasicMaterial({color: 0x00ffff}),
-  new THREE.MeshBasicMaterial({color: 0xffff00})
-];
+const material = new THREE.MeshLambertMaterial({ color: 0xce1256 });
 
 // Create the cube and add it to the demo scene.
-const cube = new THREE.Mesh(new THREE.BoxBufferGeometry(0.5, 0.5, 0.5), materials);
-cube.position.set(0, 0, -1);
-scene.add(cube);
+const torus = new THREE.Mesh( new THREE.TorusKnotGeometry(0.3, 0.2, 80, 8), material);
+//position the next geometry (sphere)
+torus.position.x = -2;
+// Add the mesh to the scene
+scene.add( torus );
 
 // Set up the WebGLRenderer, which handles rendering to the session's base layer.
 const renderer = new THREE.WebGLRenderer({