diff --git a/public/index.html b/public/index.html index e18ea4d0716dc6a6626e9ee3cdbded2be1fcde7c..d335edc0b089c68d8763e38ac2f2d13ca83b839b 100644 --- a/public/index.html +++ b/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,9 +126,10 @@ 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({