diff --git a/public/1-Cube.html b/public/1-Cube.html
index ccfff6fb50de76426c29cd513991089c4146c370..0802633c44f6697f2c20688230b632c6e7309f84 100644
--- a/public/1-Cube.html
+++ b/public/1-Cube.html
@@ -25,11 +25,16 @@ async function activateXR() {
 
 // The cube will have a different color on each side.
 const materials = [
-  new THREE.MeshBasicMaterial({color: 0x000000})
+  new THREE.MeshBasicMaterial({color: 0x000000}),
+  new THREE.MeshBasicMaterial({color: 0x444444}),
+  new THREE.MeshBasicMaterial({color: 0x5b5b5b}),
+  new THREE.MeshBasicMaterial({color: 0x999999}),
+  new THREE.MeshBasicMaterial({color: 0xbcbcbc}),
+  new THREE.MeshBasicMaterial({color: 0xeeeeee})
 ];
 
 // Create the cube and add it to the demo scene.
-const cube = new THREE.Mesh(new THREE.ConeGeometry(0.5, 1, 5), materials);
+const cube = new THREE.Mesh(new THREE.BoxBufferGeometry(0.5, 0.5, 0.5), materials);
 cube.position.set(0, 0, -1);
 scene.add(cube);