diff --git a/public/1-Cube.html b/public/1-Cube.html
index f61a9de92505b7f562f129dd208eaf4103213090..8de833e9c5a3a6f71875e8d20f35af8a2f1ed494 100644
--- a/public/1-Cube.html
+++ b/public/1-Cube.html
@@ -27,10 +27,10 @@ async function activateXR() {
 const materials = [
   new THREE.MeshNormalMaterial({color: 0x000000}),
   new THREE.MeshBasicMaterial({color: 0x744700}),
-  new THREE.MeshBasicMaterial({color: 0x744700}),
-  new THREE.MeshBasicMaterial({color: 0x000000}),
+  new THREE.MeshPhongMaterial({color: 0x744700}),
+  new THREE.MeshLambertMaterial({color: 0x000000}),
   new THREE.MeshBasicMaterial({color: 0xffffff}),
-  new THREE.MeshBasicMaterial({color: 0xffffff})
+  new THREE.MeshNormalMaterial({color: 0xffffff})
 ];
 
 // Create the cube and add it to the demo scene.