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 }>;
} = ...
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 }>;
} = ...
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.
debug.* — diagnostic overlays. All are
aside: trueso they don't infect autofit. Drop in during development, remove when done.