Update index.html

index.html

@@ -360,55 +360,59 @@
         }
         
         // Create blips on the radar
-        function createBlips() {
-            const numBlips = 5;
-            const minAngleDiff = 12;
-            const maxAttempts = 100;
-            let placed = 0;
-            let attempts = 0;
-        
-            while (placed < numBlips && attempts < maxAttempts) {
-                const angle = Math.random() * 360;
-                const distance = 0.3 + Math.random() * 0.5;
-        
-                // 🔄 Convert angle so 0° is top (12 o'clock)
-                const angleRad = (angle - 90) * Math.PI / 180;
-                const x = 160 + 160 * distance * Math.cos(angleRad);
-                const y = 160 + 160 * distance * Math.sin(angleRad);
-        
-                let tooClose = blips.some(b => {
-                    const a1 = b.angle;
-                    const a2 = angle;
-                    const diff = Math.abs(a1 - a2);
-                    const angleDiff = Math.min(diff, 360 - diff);
-                    return angleDiff < minAngleDiff;
-                });
-        
-                if (!tooClose) {
-                    const blip = document.createElement('div');
-                    blip.className = 'blip';
-                    blip.style.left = `${x}px`;
-                    blip.style.top = `${y}px`;
-                    blip.dataset.angle = angle;
-        
-                    blipsContainer.appendChild(blip);
-                    blips.push({
-                        element: blip,
-                        angle: angle,
-                        locked: false
-                    });
-        
-                    placed++;
-                }
-        
-                attempts++;
-            }
-        
-            if (attempts >= maxAttempts) {
-                console.warn("Max attempts reached. Could not place all blips.");
-            }
+function createBlips() {
+    const numBlips = 5;
+    const minAngleDiff = 12; // Minimum angle difference between blips
+    const maxAttempts = 5; // Prevent infinite loop
+
+    let placed = 0;
+    let attempts = 0;
+
+    while (placed < numBlips && attempts < maxAttempts) {
+        const angle = Math.random() * 360;
+        const distance = 0.3 + Math.random() * 0.5;
+        const x = 160 + 160 * distance * Math.cos(angle * Math.PI / 180);
+        const y = 160 + 160 * distance * Math.sin(angle * Math.PI / 180);
+
+        // Check angular distance from existing blips
+        let tooClose = blips.some(blip => {
+            const diff = Math.abs(blip.angle - angle);
+            const angleDiff = Math.min(diff, 360 - diff); // handle wraparound
+            return angleDiff < minAngleDiff;
+        });
+
+        if (!tooClose) {
+            const blip = document.createElement('div');
+            blip.className = 'blip';
+            blip.style.left = x + 'px';
+            blip.style.top = y + 'px';
+            blip.dataset.angle = angle;
+
+            blipsContainer.appendChild(blip);
+            blips.push({
+                element: blip,
+                angle: angle,
+                locked: false
+            });
+
+            placed++;
+
+
+
+
+
+
+
+
+
+
+
         }
 
+        attempts++;
+    }
+}
+
         
         // Update the sweep line rotation
         function updateSweep() {