Variable debugConst

    debug: {
        anchors: (
            b: Box | Shape<ShapeOpts>,
            r?: number,
        ) => Shape<{ aside: true; opacity: 0.7 }>;
        box: (
            b: Box | Shape<ShapeOpts>,
        ) => Rect<
            {
                aside: boolean;
                dashed: boolean;
                fill: string;
                opacity: number;
                stroke: string;
                thin: boolean;
            },
        >;
        connect: (
            a: Vec | AnyShape,
            b: Vec | AnyShape,
        ) => Line<
            {
                aside: boolean;
                dashed: true;
                opacity: number;
                stroke: "var(--bireactive-debug, #c026d3)";
                thin: true;
            },
        >;
        distance: (a: Vec | AnyShape, b: Vec | AnyShape) => Shape<{ aside: true }>;
        dot: (
            p: Vec | Box | Shape<ShapeOpts>,
            r?: number,
        ) => Circle<
            {
                aside: boolean;
                fill: "var(--bireactive-debug, #c026d3)";
                opacity: number;
                stroke: "none";
            },
        >;
        origin: (s: Shape, size?: number) => Shape<{ aside: true; opacity: 0.75 }>;
        path: (p: Path, ticks?: number) => Shape<{ aside: true; opacity: 0.75 }>;
    } = ...

    debug.* — diagnostic overlays. All are aside: true so they don't infect autofit. Drop in during development, remove when done.

    Type Declaration

    • anchors: (b: Box | Shape<ShapeOpts>, r?: number) => Shape<{ aside: true; opacity: 0.7 }>

      Dots at the 9 standard anchor positions: corners, edge midpoints, center.

    • box: (
          b: Box | Shape<ShapeOpts>,
      ) => Rect<
          {
              aside: boolean;
              dashed: boolean;
              fill: string;
              opacity: number;
              stroke: string;
              thin: boolean;
          },
      >
    • connect: (
          a: Vec | AnyShape,
          b: Vec | AnyShape,
      ) => Line<
          {
              aside: boolean;
              dashed: true;
              opacity: number;
              stroke: "var(--bireactive-debug, #c026d3)";
              thin: true;
          },
      >

      Faint dashed line between two shapes' (or points') centers.

    • distance: (a: Vec | AnyShape, b: Vec | AnyShape) => Shape<{ aside: true }>

      connect(a, b) + a live distance label at the midpoint.

    • dot: (
          p: Vec | Box | Shape<ShapeOpts>,
          r?: number,
      ) => Circle<
          {
              aside: boolean;
              fill: "var(--bireactive-debug, #c026d3)";
              opacity: number;
              stroke: "none";
          },
      >

      Small filled dot at a point or a Box's / Shape's center.

    • origin: (s: Shape, size?: number) => Shape<{ aside: true; opacity: 0.75 }>

      Crosshair at a Shape's rotate/scale pivot, in parent frame.

    • path: (p: Path, ticks?: number) => Shape<{ aside: true; opacity: 0.75 }>

      Markers + tiny tangent ticks at evenly-spaced t along a Path.