Function drawParticle

app/nodegrid/page.tsx:2477–2502

(ctx: CanvasRenderingContext2D, p: Particle)

    // Draw a single particle (blue - regular, fades)
    const drawParticle = (ctx: CanvasRenderingContext2D, p: Particle) => {
      ctx.save();
      ctx.translate(p.x, p.y);
      ctx.rotate(p.rotation);

      const lifeRatio = p.life / p.maxLife;
      const alpha = p.opacity * lifeRatio;

      ctx.fillStyle = `rgba(37, 99, 235, ${alpha})`;
      ctx.strokeStyle = `rgba(100, 160, 255, ${alpha * 0.8})`;
      ctx.lineWidth = 0.5;

      if (p.shape === 'circle') {
        ctx.beginPath();
        ctx.arc(0, 0, p.size * 0.6, 0, Math.PI * 2);
        ctx.closePath();
      } else if (p.shape === 'triangle') {
        drawRoundedTriangle(ctx, p.size, p.size * 0.3);
      } else {
        drawRoundedSquare(ctx, p.size, p.size * 0.25);
      }

      ctx.fill();
      ctx.stroke();
      ctx.restore();
    };

    // Draw bouncy particle (cyan or blue variant)
    const drawBouncyParticle = (ctx: CanvasRenderingContext2D, p: Particle) => {