Update index.html

public/index.html

@@ -33,7 +33,8 @@ async function activateXR() {
 
   
 
-   // Create the torus geometry
+   // CREATE TORUS GEOMETRY
+
   const torusRadius = 1;
   const torusTube = 0.4;
   const torusSegments = 64;
@@ -41,24 +42,21 @@ async function activateXR() {
 
   // Create a metallic gold material
   const goldMaterial = new THREE.MeshPhysicalMaterial({
-    color: 0xFFD700, // Gold color
-    metalness: 1.0, // Fully metallic
-    roughness: 0.4, // Adjust for shininess
-    clearcoat: 0.2, // Add clear coat for a polished effect
+    color: 0xFFD700, 
+    metalness: 1.0, 
+    roughness: 0.4, 
+    clearcoat: 0.2, 
     clearcoatRoughness: 0.1
   });
-
   // Create the torus mesh
   const torusMesh = new THREE.Mesh(torusGeometry, goldMaterial);
-
   // Scale the torus mesh to make it smaller
   torusMesh.scale.set(0.2, 0.2, 0.2); 
-
   // Add the torus mesh to the scene
   scene.add(torusMesh);
 
 
-
+  //CREATE TETRAHEDRON GEOMETRY
 
   // Color of the tetrahedron geometry.
   //const material = new THREE.MeshPhysicalMaterial({ color: 0xC70039, roughness: 0.5, metalness: 0.5, clearcoat: 1.0, clearcoatRoughness: 0.1 });
@@ -72,6 +70,8 @@ async function activateXR() {
   // Add the mesh to the scene
   //scene.add(tetrahedron);
 
+
+//CREATE A HOUSE ROTATING
 /*
 // Define the vertices
   var vertices = new Float32Array([
@@ -126,10 +126,11 @@ async function activateXR() {
   wallMesh.position.set(0, -1.5, -3);
   roofMesh.position.set(0, -1.5, -3);
 
-  // Add the meshes to the scene
+  // Add the house to the scene
   scene.add(wallMesh);
   scene.add(roofMesh);*/
   
+
   // Set up the WebGLRenderer, which handles rendering to the session's base layer.
   const renderer = new THREE.WebGLRenderer({
     alpha: true,