Update index.html

public/index.html

@@ -25,12 +25,12 @@ async function activateXR() {
 
 // The cube will have a different color on each side.
 const materials = [
-  new THREE.MeshBasicMaterial({color: 0xff0000}),
-  new THREE.MeshBasicMaterial({color: 0xff0000}),
-  new THREE.MeshBasicMaterial({color: 0xff0000}),
-  new THREE.MeshBasicMaterial({color: 0xff0000}),
-  new THREE.MeshBasicMaterial({color: 0xff0000}),
-  new THREE.MeshBasicMaterial({color: 0xffff00})
+  new THREE.MeshNormalMaterial({color: 0xff0000}),
+  new THREE.MeshNormalMaterial({color: 0xff0000}),
+  new THREE.MeshNormalMaterial({color: 0xff0000}),
+  new THREE.MeshNormalMaterial({color: 0xff0000}),
+  new THREE.MeshNormalMaterial({color: 0xff0000}),
+  new THREE.MeshNormalMaterial({color: 0xffff00})
 ];
 
 // Create the cube and add it to the demo scene.