Update stars.js

stars.js

@@ -325,7 +325,7 @@
       ctx.globalAlpha = p.life;
       ctx.fillStyle = p.color;
       ctx.beginPath();
-      ctx.arc(p.x, p.y, p.size * p.life, 0, Math.PI * 2);
+      ctx.arc(p.x, p.y, Math.max(0.1, p.size * p.life), 0, Math.PI * 2);
       ctx.fill();
     });
     
@@ -344,10 +344,11 @@
         const twinkle = 0.5 + 0.5 * Math.sin(s.twPhase);
         const pulse = 0.8 + 0.2 * Math.sin(s.pulsePhase);
         const alpha = (s.twRange + (1 - s.twRange) * twinkle) * pulse;
-        const ds = (1 - s.z/width) * s.originalSize * 2 * pulse;
+        const ds = Math.max(0.1, (1 - s.z/width) * s.originalSize * 2 * pulse);
         
         ctx.globalAlpha = alpha;
-        ctx.drawImage(sprite, x - ds, y - ds, ds * 2, ds * 2);
+        const drawSize = Math.max(0.1, ds * 2);
+        ctx.drawImage(sprite, x - ds, y - ds, drawSize, drawSize);
       });
     });
     ctx.globalCompositeOperation = "source-over";
@@ -369,7 +370,7 @@
         gradient.addColorStop(1, `hsla(${c.hue - 40}, 100%, 50%, ${segAlpha * 0.2})`);
         
         ctx.strokeStyle = gradient;
-        ctx.lineWidth = Math.max(1, seg2.size * (i/c.segments.length) * c.alpha);
+        ctx.lineWidth = Math.max(0.1, seg2.size * (i/c.segments.length) * c.alpha);
         ctx.beginPath();
         ctx.moveTo(seg1.x, seg1.y);
         ctx.lineTo(seg2.x, seg2.y);
@@ -380,10 +381,10 @@
     // Warp pulses with enhanced rings
     pulses.forEach(p => {
       ctx.beginPath();
-      ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
+      ctx.arc(p.x, p.y, Math.max(0.1, p.r), 0, Math.PI * 2);
       const gradient = ctx.createRadialGradient(
-        p.x, p.y, p.r - p.thickness/2,
-        p.x, p.y, p.r + p.thickness/2
+        p.x, p.y, Math.max(0.1, p.r - p.thickness/2),
+        p.x, p.y, Math.max(0.1, p.r + p.thickness/2)
       );
       gradient.addColorStop(0, `hsla(${p.hue}, 100%, 90%, ${p.alpha})`);
       gradient.addColorStop(0.3, `hsla(${p.hue - 10}, 100%, 70%, ${p.alpha * 0.8})`);
@@ -391,16 +392,17 @@
       gradient.addColorStop(1, `hsla(${p.hue - 30}, 100%, 30%, 0)`);
       
       ctx.strokeStyle = gradient;
-      ctx.lineWidth = p.thickness;
+      ctx.lineWidth = Math.max(0.1, p.thickness);
       ctx.stroke();
       
       // Add inner glow
       if (p.alpha > 0.3) {
+        const innerRadius = Math.max(0.1, p.r * 0.3);
         ctx.beginPath();
-        ctx.arc(p.x, p.y, p.r * 0.3, 0, Math.PI * 2);
+        ctx.arc(p.x, p.y, innerRadius, 0, Math.PI * 2);
         const innerGradient = ctx.createRadialGradient(
           p.x, p.y, 0,
-          p.x, p.y, p.r * 0.3
+          p.x, p.y, innerRadius
         );
         innerGradient.addColorStop(0, `hsla(${p.hue + 20}, 100%, 100%, ${p.alpha * 0.5})`);
         innerGradient.addColorStop(1, `hsla(${p.hue}, 100%, 70%, 0)`);