Update index.html

c89c981c · Acosta Vega · e6f1350f · c89c981c
Commit c89c981c authored Jun 19, 2024 by Acosta Vega
--- a/public/index.html
+++ b/public/index.html
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,6 +8,7 @@
  <!-- Include Three.js library -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
 </head>
+
 <body>
  <!-- Button to start the AR demo -->
  <button onclick="activateXR()">Start Pyramid Demo</button>
@@ -22,12 +24,12 @@
        
        // The pyramid will have a different color on each side.
        const materials = [
-          new THREE.MeshBasicMaterial({color: 0xff0000}),
-          new THREE.MeshBasicMaterial({color: 0x0000ff}),
-          new THREE.MeshBasicMaterial({color: 0x00ff00}),
-          new THREE.MeshBasicMaterial({color: 0xff00ff}),
-          new THREE.MeshBasicMaterial({color: 0x00ffff}),
-          new THREE.MeshBasicMaterial({color: 0xffff00})
+        new THREE.MeshBasicMaterial({color: 0xff0000}), // Red
+        new THREE.MeshBasicMaterial({color: 0x00ff00}), // Green
+        new THREE.MeshBasicMaterial({color: 0x0000ff}), // Blue
+        new THREE.MeshBasicMaterial({color: 0xffff00}), // Yellow
+        new THREE.MeshBasicMaterial({color: 0xff00ff}), // Magenta
+        new THREE.MeshBasicMaterial({color: 0x00ffff}) // Cyan
        ];
        
        // Create the pyramid and add it to the demo scene.
@@ -94,4 +96,5 @@
    }
  </script>
 </body>
+
 </html>