dsd

Author: greg-webdev

roblox/index.html

@@ -202,7 +202,39 @@
     }
 
     /**
-     * Creates a new ball mesh with an attached face.
+     * Creates a glowing outline mesh for a given object.
+     * @param {THREE.Mesh} targetMesh The mesh to create the glow for.
+     * @param {string} glowColor The hex color for the glow.
+     * @returns {THREE.Mesh} The glowing mesh.
+     */
+    function createGlowMesh(targetMesh, glowColor) {
+      // Create a duplicate of the ball's geometry
+      const glowGeometry = targetMesh.geometry.clone();
+      
+      // Create a glowing material
+      const glowMaterial = new THREE.MeshBasicMaterial({
+        color: new THREE.Color(glowColor),
+        side: THREE.BackSide,
+        blending: THREE.AdditiveBlending,
+        transparent: true,
+        opacity: 0.8
+      });
+
+      // Create the glowing mesh
+      const glowMesh = new THREE.Mesh(glowGeometry, glowMaterial);
+      
+      // Scale it up slightly to create the outline effect
+      const scale = 1.1; // 10% larger than the original mesh
+      glowMesh.scale.set(scale, scale, scale);
+
+      // We need to add this to the scene separately so it is rendered after the player's main mesh
+      scene.add(glowMesh);
+
+      return glowMesh;
+    }
+
+    /**
+     * Creates a new ball mesh with an attached face and a glowing outline.
      * @param {number} radius The radius of the ball.
      * @param {string} color The hex color for the ball material.
      * @returns {THREE.Mesh} The new mesh object.
@@ -237,6 +269,10 @@
         // Add the face to the ball mesh as a child
         ballMesh.add(facePlane);
 
+        // Add a glowing outline to the ball mesh
+        const glowMesh = createGlowMesh(ballMesh, color);
+        ballMesh.add(glowMesh);
+
         return ballMesh;
     }