Update 1-Cube.html

public/1-Cube.html

@@ -26,15 +26,15 @@ async function activateXR() {
 // The cube will have a different color on each side.
 const materials = [
   new THREE.MeshBasicMaterial({color: 0xa40808}),
-  new THREE.MeshBasicMaterial({color: 0xff0000}),
+  new THREE.MeshBasicMaterial({color: 0xb6d7a8}),
   new THREE.MeshBasicMaterial({color: 0xa40808}),
-  new THREE.MeshBasicMaterial({color: 0xff0000}),
-  new THREE.MeshBasicMaterial({color: 0xff0000}),
-  new THREE.MeshBasicMaterial({color: 0xa40808})
+  new THREE.MeshBasicMaterial({color: 0xffe599}),
+  new THREE.MeshBasicMaterial({color: 0xd5a6bd}),
+  new THREE.MeshBasicMaterial({color: 0xcfe2f3})
 ];
 
 // Create the cube and add it to the demo scene.
-const  = new THREE.Mesh(new THREE.BoxBufferGeometry(2, 1, 1), materials);
+const cube = new THREE.Mesh(new THREE.BoxBufferGeometry(.5, .5, .5), materials);
 cube.position.set(0, 0, -1);
 scene.add(cube);