Function drawRoundedTriangle

app/nodegrid/page.tsx:2422–2457

(ctx: CanvasRenderingContext2D, size: number, radius: number)

    // Draw rounded triangle
    const drawRoundedTriangle = (ctx: CanvasRenderingContext2D, size: number, radius: number) => {
      const h = size * 0.866; // height factor
      const points = [
        { x: 0, y: -size },
        { x: -h, y: size * 0.5 },
        { x: h, y: size * 0.5 }
      ];

      ctx.beginPath();
      for (let i = 0; i < 3; i++) {
        const curr = points[i];
        const next = points[(i + 1) % 3];
        const prev = points[(i + 2) % 3];

        // Direction vectors
        const dx1 = curr.x - prev.x;
        const dy1 = curr.y - prev.y;
        const dx2 = next.x - curr.x;
        const dy2 = next.y - curr.y;

        const len1 = Math.sqrt(dx1 * dx1 + dy1 * dy1);
        const len2 = Math.sqrt(dx2 * dx2 + dy2 * dy2);

        // Points offset from corner
        const offset = Math.min(radius, len1 / 2, len2 / 2);
        const p1x = curr.x - (dx1 / len1) * offset;
        const p1y = curr.y - (dy1 / len1) * offset;
        const p2x = curr.x + (dx2 / len2) * offset;
        const p2y = curr.y + (dy2 / len2) * offset;

        if (i === 0) ctx.moveTo(p1x, p1y);
        else ctx.lineTo(p1x, p1y);
        ctx.quadraticCurveTo(curr.x, curr.y, p2x, p2y);
      }
      ctx.closePath();
    };

    // Draw rounded square
    const drawRoundedSquare = (ctx: CanvasRenderingContext2D, size: number, radius: number) => {