diff --git a/public/threeJS/three1.html b/public/threeJS/three1.html
index 8b60dad33afda1842e3ff5964614e224dc15217f..2e84118c8fd21bc5bb4f678732cd611dd82966e9 100644
--- a/public/threeJS/three1.html
+++ b/public/threeJS/three1.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport"
         content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-  <title>Cube Demo</title>
+  <title>Three.js Cube and Cylinder</title>
   <style>
     body { margin: 0; }
     canvas { display: block; }
@@ -43,7 +43,7 @@ document.body.appendChild( renderer.domElement );
 
 // Create a Cube Mesh with basic material
 var geometry = new THREE.BoxGeometry( 1, 1, 1 );
-var material = new THREE.MeshBasicMaterial( { color: "#433F81" } );
+var material = new THREE.MeshPhongMaterial( { color: "#433F81" } );
 var cube = new THREE.Mesh( geometry, material );
 
 // Add cube to Scene