Update index.html

index.html

@@ -19,8 +19,8 @@
     <!-- Existing Recursive Polygon Component -->
     <!-- ... Your existing entities ... -->
 
-    <!-- Snowflakes Component -->
-    <a-entity id="snowflakes"></a-entity>
+    <!-- Snowflakes Components -->
+    <!-- Clouds will be added dynamically -->
 
     <a-entity camera position="0 1.6 0" look-controls wasd-controls></a-entity>
   </a-scene>
@@ -34,11 +34,11 @@
         });
         this.el.setAttribute('material', { color: '#FFF' });
 
-        // Set initial position
+        // Randomly position within a unit cube centered at the origin
         this.el.object3D.position.set(
-          (Math.random() - 0.5) * 20,
-          5 + Math.random() * 5,
-          (Math.random() - 0.5) * 20
+          Math.random() - 0.5,
+          Math.random() - 0.5,
+          Math.random() - 0.5
         );
 
         // Set velocity
@@ -46,19 +46,35 @@
       },
       tick: function() {
         this.el.object3D.position.add(this.velocity);
-        if (this.el.object3D.position.y <= 0) {
-          this.el.parentNode.removeChild(this.el); // Remove snowflake when it hits the ground
+        if (this.el.object3D.position.y <= -0.5) {
+          this.el.parentNode.removeChild(this.el); // Remove snowflake when it falls out of the cloud
         }
       }
     });
 
-    // Generate snowflakes
-    setInterval(() => {
-      let sceneEl = document.querySelector('a-scene');
-      let snowflakeEl = document.createElement('a-entity');
-      snowflakeEl.setAttribute('snowflake', '');
-      sceneEl.appendChild(snowflakeEl);
-    }, 100);
+    function createSnowflakeCloud(x, y, z) {
+      let cloud = document.createElement('a-entity');
+      cloud.object3D.position.set(x, y, z);
+
+      setInterval(() => {
+        let snowflakeEl = document.createElement('a-entity');
+        snowflakeEl.setAttribute('snowflake', '');
+        cloud.appendChild(snowflakeEl);
+      }, 100);
+
+      document.querySelector('a-scene').appendChild(cloud);
+    }
+
+    // Create a grid of 9 snowflake clouds
+    for (let x = -10; x <= 10; x += 10) {
+      for (let z = -10; z <= 10; z += 10) {
+        createSnowflakeCloud(x, 5, z);
+      }
+    }
+
+    // Create a larger central cloud
+    createSnowflakeCloud(0, 8, 0);
+
   </script>
 </body>
-</html>
+</html>