spryte 0.2.3 → 0.3.0

package/dist/offscreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"offscreen.js","sourceRoot":"","sources":["../src/offscreen.ts"],"names":[],"mappings":"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"}

package/dist/panels.d.ts

@@ -0,0 +1,44 @@
+import type { TextureSource } from "./backend.js";
+import type { Color } from "./color.js";
+import type { Draw, Frame } from "./draw.js";
+/** Options for `nineSlice` and `tiled`. */
+export interface PanelDrawOptions {
+    /** Multiplied with the global alpha. */
+    alpha?: number;
+    /** Colour multiplier. Default white. */
+    tint?: Color;
+    /** 0..1 mix toward white. */
+    flash?: number;
+    /** Linear filtering. Default: the renderer's setting. */
+    smooth?: boolean;
+}
+export interface TiledDrawOptions extends PanelDrawOptions {
+    /** Scroll the pattern, in source pixels before `scale` (wraps). */
+    offsetX?: number;
+    offsetY?: number;
+    /** Tile size multiplier. Default 1. */
+    scale?: number;
+}
+/**
+ * Stretch a frame over a `w × h` box at `x, y` (top-left) without stretching its corners: the classic UI panel.
+ * `insets` are the corner sizes in source pixels, one number or `[left, top, right, bottom]`. Edges stretch,
+ * the centre fills, and corners shrink evenly if the box is smaller than they are. Nine quads, any backend.
+ *
+ * ```ts
+ * import { nineSlice } from "spryte";
+ * nineSlice(draw, panel, 8, 8, 120, 48, 6);
+ * ```
+ */
+export declare function nineSlice(draw: Draw, frame: Frame | TextureSource, x: number, y: number, w: number, h: number, insets: number | readonly [number, number, number, number], o?: PanelDrawOptions): void;
+/**
+ * Fill a `w × h` box at `x, y` (top-left) with a frame repeated edge to edge: scrolling backgrounds, floors,
+ * water. `offsetX/offsetY` scroll the pattern. Works on frames inside an atlas (no texture wrapping), one
+ * quad per visible tile, on any backend.
+ *
+ * ```ts
+ * import { tiled } from "spryte";
+ * tiled(draw, water, 0, 120, 320, 60, { offsetX: t * 20 });
+ * ```
+ */
+export declare function tiled(draw: Draw, frame: Frame | TextureSource, x: number, y: number, w: number, h: number, o?: TiledDrawOptions): void;
+//# sourceMappingURL=panels.d.ts.map

package/dist/panels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panels.d.ts","sourceRoot":"","sources":["../src/panels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAE7C,2CAA2C;AAC3C,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CACvB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GAAG,aAAa,EAC5B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAC1D,CAAC,GAAE,gBAAuB,GACzB,IAAI,CAwBN;AAED;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CACnB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GAAG,aAAa,EAC5B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,GAAE,gBAAuB,GACzB,IAAI,CA2BN"}

package/dist/panels.js

@@ -0,0 +1,97 @@
+const NONE = Object.freeze({});
+/**
+ * Stretch a frame over a `w × h` box at `x, y` (top-left) without stretching its corners: the classic UI panel.
+ * `insets` are the corner sizes in source pixels, one number or `[left, top, right, bottom]`. Edges stretch,
+ * the centre fills, and corners shrink evenly if the box is smaller than they are. Nine quads, any backend.
+ *
+ * ```ts
+ * import { nineSlice } from "spryte";
+ * nineSlice(draw, panel, 8, 8, 120, 48, 6);
+ * ```
+ */
+export function nineSlice(draw, frame, x, y, w, h, insets, o = NONE) {
+    const f = "image" in frame ? frame : draw.wholeImage(frame);
+    const [l, t, r, b] = typeof insets === "number" ? [insets, insets, insets, insets] : insets;
+    // Corners keep their size unless they don't fit.
+    const kx = Math.min(1, w / Math.max(l + r, 1e-9));
+    const ky = Math.min(1, h / Math.max(t + b, 1e-9));
+    const xs = [x, x + l * kx, x + w - r * kx, x + w];
+    const ys = [y, y + t * ky, y + h - b * ky, y + h];
+    const us = [f.x, f.x + l, f.x + f.w - r, f.x + f.w];
+    const vs = [f.y, f.y + t, f.y + f.h - b, f.y + f.h];
+    const color = draw.spriteColor(o);
+    const smooth = o.smooth ?? draw.smooth;
+    for (let j = 0; j < 3; j++)
+        for (let i = 0; i < 3; i++) {
+            const pw = xs[i + 1] - xs[i];
+            const ph = ys[j + 1] - ys[j];
+            const sw = us[i + 1] - us[i];
+            const sh = vs[j + 1] - vs[j];
+            if (pw <= 0 || ph <= 0 || sw <= 0 || sh <= 0)
+                continue;
+            draw.local(xs[i], ys[j], pw, ph);
+            if (!smooth)
+                snapEdges(draw);
+            draw.quads++;
+            draw.backend.quad(draw.tmp, f.image, us[i], vs[j], sw, sh, color, o.flash ?? 0, smooth);
+        }
+}
+/**
+ * Fill a `w × h` box at `x, y` (top-left) with a frame repeated edge to edge: scrolling backgrounds, floors,
+ * water. `offsetX/offsetY` scroll the pattern. Works on frames inside an atlas (no texture wrapping), one
+ * quad per visible tile, on any backend.
+ *
+ * ```ts
+ * import { tiled } from "spryte";
+ * tiled(draw, water, 0, 120, 320, 60, { offsetX: t * 20 });
+ * ```
+ */
+export function tiled(draw, frame, x, y, w, h, o = NONE) {
+    const f = "image" in frame ? frame : draw.wholeImage(frame);
+    const k = o.scale ?? 1;
+    const tw = f.w * k;
+    const th = f.h * k;
+    if (!(tw > 0 && th > 0 && w > 0 && h > 0))
+        return;
+    const color = draw.spriteColor(o);
+    const smooth = o.smooth ?? draw.smooth;
+    const flash = o.flash ?? 0;
+    const tiles = (Math.ceil(w / tw) + 1) * (Math.ceil(h / th) + 1);
+    if (tiles > 1_000_000)
+        throw new Error(`spryte: tiled() would draw ${tiles} tiles; use a larger frame or scale`);
+    const ox = ((((o.offsetX ?? 0) * k) % tw) + tw) % tw;
+    const oy = ((((o.offsetY ?? 0) * k) % th) + th) % th;
+    for (let ty = y - oy; ty < y + h; ty += th) {
+        const y0 = Math.max(ty, y);
+        const y1 = Math.min(ty + th, y + h);
+        if (y1 <= y0)
+            continue;
+        for (let tx = x - ox; tx < x + w; tx += tw) {
+            const x0 = Math.max(tx, x);
+            const x1 = Math.min(tx + tw, x + w);
+            if (x1 <= x0)
+                continue;
+            draw.local(x0, y0, x1 - x0, y1 - y0);
+            if (!smooth)
+                snapEdges(draw);
+            draw.quads++;
+            draw.backend.quad(draw.tmp, f.image, f.x + (x0 - tx) / k, f.y + (y0 - ty) / k, (x1 - x0) / k, (y1 - y0) / k, color, flash, smooth);
+        }
+    }
+}
+/**
+ * Pixel art: put an unrotated quad's edges on whole units, like `sprite()`. Neighbouring quads share edges,
+ * so they round the same way and never gap or overlap.
+ */
+function snapEdges(draw) {
+    const t = draw.tmp;
+    if (t[1] !== 0 || t[2] !== 0)
+        return;
+    const x0 = Math.round(t[4]);
+    const y0 = Math.round(t[5]);
+    t[0] = Math.round(t[4] + t[0]) - x0;
+    t[3] = Math.round(t[5] + t[3]) - y0;
+    t[4] = x0;
+    t[5] = y0;
+}
+//# sourceMappingURL=panels.js.map

package/dist/panels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panels.js","sourceRoot":"","sources":["../src/panels.ts"],"names":[],"mappings":"AAwBA,MAAM,IAAI,GAAqB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AAEjD;;;;;;;;;GASG;AACH,MAAM,UAAU,SAAS,CACvB,IAAU,EACV,KAA4B,EAC5B,CAAS,EACT,CAAS,EACT,CAAS,EACT,CAAS,EACT,MAA0D,EAC1D,CAAC,GAAqB,IAAI;IAE1B,MAAM,CAAC,GAAG,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAC5F,iDAAiD;IACjD,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAClD,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAClD,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAClD,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAClD,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;IACvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;QACxB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3B,MAAM,EAAE,GAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAY,GAAI,EAAE,CAAC,CAAC,CAAY,CAAC;YACrD,MAAM,EAAE,GAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAY,GAAI,EAAE,CAAC,CAAC,CAAY,CAAC;YACrD,MAAM,EAAE,GAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAY,GAAI,EAAE,CAAC,CAAC,CAAY,CAAC;YACrD,MAAM,EAAE,GAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAY,GAAI,EAAE,CAAC,CAAC,CAAY,CAAC;YACrD,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;gBAAE,SAAS;YACvD,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAW,EAAE,EAAE,CAAC,CAAC,CAAW,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;YACrD,IAAI,CAAC,MAAM;gBAAE,SAAS,CAAC,IAAI,CAAC,CAAC;YAC7B,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAW,EAAE,EAAE,CAAC,CAAC,CAAW,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC;QAC9G,CAAC;AACL,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,KAAK,CACnB,IAAU,EACV,KAA4B,EAC5B,CAAS,EACT,CAAS,EACT,CAAS,EACT,CAAS,EACT,CAAC,GAAqB,IAAI;IAE1B,MAAM,CAAC,GAAG,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;IACvB,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACnB,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACnB,IAAI,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAAE,OAAO;IAClD,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;IACvC,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;IAC3B,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAChE,IAAI,KAAK,GAAG,SAAS;QAAE,MAAM,IAAI,KAAK,CAAC,8BAA8B,KAAK,qCAAqC,CAAC,CAAC;IACjH,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;IACrD,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;IACrD,KAAK,IAAI,EAAE,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC;QAC3C,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QAC3B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QACpC,IAAI,EAAE,IAAI,EAAE;YAAE,SAAS;QACvB,KAAK,IAAI,EAAE,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC;YAC3C,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;YAC3B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;YACpC,IAAI,EAAE,IAAI,EAAE;gBAAE,SAAS;YACvB,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;YACrC,IAAI,CAAC,MAAM;gBAAE,SAAS,CAAC,IAAI,CAAC,CAAC;YAC7B,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACrI,CAAC;IACH,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,SAAS,SAAS,CAAC,IAAU;IAC3B,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;IACnB,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAAE,OAAO;IACrC,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5B,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;IACpC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;IACpC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;IACV,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;AACZ,CAAC"}

package/dist/renderer.js

@@ -45,6 +45,7 @@ function pending(ctx) {
         raw: { kind: "2d", ctx },
         begin: noop,
         quad: noop,
+        path: noop,
         quads: noop,
         copies: noop,
         setBlend: noop,

package/dist/renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAe5C;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAAC,MAAyB,EAAE,OAAO,GAAoB,EAAE;IACrF,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,IAAI,MAAM,CAAC;IACzC,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACpB,qGAAqG;QACrG,sGAAsG;QACtG,qFAAqF;QACrF,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE;YACrC,KAAK,EAAE,OAAO,CAAC,WAAW,IAAI,KAAK;YACnC,SAAS,EAAE,KAAK;YAChB,kBAAkB,EAAE,IAAI;YACxB,eAAe,EAAE,kBAAkB;SACpC,CAAC,CAAC;QACH,IAAI,EAAE;YAAE,OAAO,IAAI,IAAI,CAAC,IAAI,aAAa,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC;QACvE,IAAI,MAAM,KAAK,QAAQ;YACrB,MAAM,IAAI,KAAK,CAAC,+FAA+F,CAAC,CAAC;IACrH,CAAC;IACD,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,IAAI,KAAK,EAAE,CAAC,CAAC;IAC7E,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,sGAAsG,CAAC,CAAC;IAClI,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC;IAC5D,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CACvC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,EAClD,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,IAAI,KAAK,CAAC,+CAA+C,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9E,CAAC,CACF,CAAC;IACF,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;GAGG;AACH,SAAS,OAAO,CAAC,GAA6B;IAC5C,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IACtB,OAAO;QACL,IAAI,EAAE,IAAI;QACV,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE;QACxB,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,IAAI;QACT,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,aAAa,EAAE,IAAI;QACnB,OAAO,EAAE,IAAI;KACd,CAAC;AACJ,CAAC"}
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAe5C;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAAC,MAAyB,EAAE,OAAO,GAAoB,EAAE;IACrF,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,IAAI,MAAM,CAAC;IACzC,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACpB,qGAAqG;QACrG,sGAAsG;QACtG,qFAAqF;QACrF,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE;YACrC,KAAK,EAAE,OAAO,CAAC,WAAW,IAAI,KAAK;YACnC,SAAS,EAAE,KAAK;YAChB,kBAAkB,EAAE,IAAI;YACxB,eAAe,EAAE,kBAAkB;SACpC,CAAC,CAAC;QACH,IAAI,EAAE;YAAE,OAAO,IAAI,IAAI,CAAC,IAAI,aAAa,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC;QACvE,IAAI,MAAM,KAAK,QAAQ;YACrB,MAAM,IAAI,KAAK,CAAC,+FAA+F,CAAC,CAAC;IACrH,CAAC;IACD,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,IAAI,KAAK,EAAE,CAAC,CAAC;IAC7E,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,sGAAsG,CAAC,CAAC;IAClI,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC;IAC5D,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CACvC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,EAClD,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,IAAI,KAAK,CAAC,+CAA+C,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9E,CAAC,CACF,CAAC;IACF,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;GAGG;AACH,SAAS,OAAO,CAAC,GAA6B;IAC5C,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IACtB,OAAO;QACL,IAAI,EAAE,IAAI;QACV,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE;QACxB,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,IAAI;QACT,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,aAAa,EAAE,IAAI;QACnB,OAAO,EAAE,IAAI;KACd,CAAC;AACJ,CAAC"}

package/dist/shapes.d.ts

@@ -0,0 +1,64 @@
+import type { Matrix } from "./backend.js";
+import { type Color } from "./color.js";
+import type { Draw } from "./draw.js";
+/**
+ * Filled polygon through `points` (x0, y0, x1, y1, …), antialiased. Concave is fine; it closes itself and
+ * shouldn't cross itself. `count` defaults to every pair in `points`.
+ *
+ * ```ts
+ * import { polygon } from "spryte";
+ * polygon(draw, [0, 0, 20, 0, 10, 16], "#cffb2d");
+ * ```
+ */
+export declare function polygon(draw: Draw, points: ArrayLike<number>, color: Color, count?: number): void;
+/** Line through `points` (x0, y0, x1, y1, …), `width` wide, with mitred joins and flat ends. `closed` joins the last point to the first. */
+export declare function polyline(draw: Draw, points: ArrayLike<number>, width: number, color: Color, closed?: boolean, count?: number): void;
+/** Rectangle with rounded corners: filled, or outlined when `lineWidth` is given (the outline is centred on the edge). */
+export declare function roundRect(draw: Draw, x: number, y: number, w: number, h: number, radius: number, color: Color, lineWidth?: number): void;
+/** Circle outline, `width` wide, centred on `radius`. */
+export declare function ring(draw: Draw, x: number, y: number, radius: number, width: number, color: Color): void;
+/**
+ * Indexed triangles for the WebGL2 backend's `path()`: x, y, u, v (floats), a colour (RGBA bytes) and coverage,
+ * flash and texture unit (bytes) per vertex, 24 bytes. Sprites can join as textured quads (`sprite`). Edges get a feather one device pixel wide fading to coverage 0, which antialiases without MSAA.
+ * @internal
+ */
+export declare class ShapeBuffer {
+    data: ArrayBuffer;
+    f32: Float32Array<ArrayBuffer>;
+    u32: Uint32Array<ArrayBuffer>;
+    indices: Uint32Array<ArrayBuffer>;
+    /** Vertices and indices written. */
+    count: number;
+    icount: number;
+    private m;
+    private color;
+    private xs;
+    private ys;
+    private nx;
+    private ny;
+    /** The inner ring of a fill, in the points' units (for ear clipping). */
+    private ix;
+    private iy;
+    /** Fill (`width` 0) or stroke `n` points. `aa` is one device pixel in the points' units; `color` is RGBA bytes in memory order. */
+    add(m: Matrix, points: ArrayLike<number>, n: number, closed: boolean, width: number, color: number, aa: number): void;
+    /** Copy points, dropping repeats; returns how many are left. Closed shapes also drop a last point equal to the first. */
+    private load;
+    /** Miter normals (left of travel) scaled so offsetting by 1 moves each edge by 1, clamped at MITER. */
+    private normals;
+    private fill;
+    private stroke;
+    /** Room for `v` more vertices and `i` more indices; returns the first new vertex's index. */
+    private reserve;
+    /** Two triangles joining edge (a, b) to edge (c, d). */
+    private quad;
+    private tri;
+    /** A textured quad: the unit square through `m`, sampling `u0, v0, u1, v1` from texture `unit`. */
+    sprite(m: Matrix, u0: number, v0: number, u1: number, v1: number, color: number, flash: number, unit: number): void;
+    private vertex;
+}
+/**
+ * Triangulate a simple polygon wound so its interior is on the left (positive signed area in y-down space).
+ * O(n²), fine for UI and debug shapes. Self-intersecting input still produces triangles, just not exact ones.
+ */
+export declare function earClip(xs: ArrayLike<number>, ys: ArrayLike<number>, n: number, tri: (a: number, b: number, c: number) => void): void;
+//# sourceMappingURL=shapes.d.ts.map

package/dist/shapes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shapes.d.ts","sourceRoot":"","sources":["../src/shapes.ts"],"names":[],"mappings":"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"}

package/dist/shapes.js

@@ -0,0 +1,367 @@
+import { toRGBA } from "./color.js";
+/**
+ * Filled polygon through `points` (x0, y0, x1, y1, …), antialiased. Concave is fine; it closes itself and
+ * shouldn't cross itself. `count` defaults to every pair in `points`.
+ *
+ * ```ts
+ * import { polygon } from "spryte";
+ * polygon(draw, [0, 0, 20, 0, 10, 16], "#cffb2d");
+ * ```
+ */
+export function polygon(draw, points, color, count = points.length >> 1) {
+    path(draw, points, count, true, 0, color);
+}
+/** Line through `points` (x0, y0, x1, y1, …), `width` wide, with mitred joins and flat ends. `closed` joins the last point to the first. */
+export function polyline(draw, points, width, color, closed = false, count = points.length >> 1) {
+    if (width > 0)
+        path(draw, points, count, closed, width, color);
+}
+/** Rectangle with rounded corners: filled, or outlined when `lineWidth` is given (the outline is centred on the edge). */
+export function roundRect(draw, x, y, w, h, radius, color, lineWidth) {
+    const r = Math.max(0, Math.min(radius, w / 2, h / 2));
+    const steps = r > 0 ? arcSteps(draw, r, Math.PI / 2) : 0;
+    const pts = scratch((steps + 1) * 4);
+    let k = 0;
+    const corner = (cx, cy, from) => {
+        for (let i = 0; i <= steps; i++) {
+            const a = from + (i / Math.max(steps, 1)) * (Math.PI / 2);
+            pts[k++] = cx + Math.cos(a) * r;
+            pts[k++] = cy + Math.sin(a) * r;
+        }
+    };
+    corner(x + w - r, y + r, -Math.PI / 2);
+    corner(x + w - r, y + h - r, 0);
+    corner(x + r, y + h - r, Math.PI / 2);
+    corner(x + r, y + r, Math.PI);
+    path(draw, pts, k >> 1, true, lineWidth ?? 0, color);
+}
+/** Circle outline, `width` wide, centred on `radius`. */
+export function ring(draw, x, y, radius, width, color) {
+    if (radius <= 0 || width <= 0)
+        return;
+    const steps = arcSteps(draw, radius, Math.PI * 2);
+    const pts = scratch(steps * 2);
+    for (let i = 0; i < steps; i++) {
+        const a = (i / steps) * Math.PI * 2;
+        pts[i * 2] = x + Math.cos(a) * radius;
+        pts[i * 2 + 1] = y + Math.sin(a) * radius;
+    }
+    path(draw, pts, steps, true, width, color);
+}
+function path(draw, points, n, closed, width, color) {
+    if (n < 2)
+        return;
+    const m = draw.m;
+    // One device pixel in local units, for the WebGL2 edge feather.
+    const aa = 1 / (draw.renderScale * Math.sqrt(Math.abs(m[0] * m[3] - m[1] * m[2])) || 1);
+    draw.quads++;
+    draw.backend.path(m, points, n, closed, width, draw.withAlpha(toRGBA(color), 1), aa, ShapeBuffer);
+}
+/** Segments for an arc of `radius` spanning `angle`: about one per 4 device pixels of arc, at least 2. */
+function arcSteps(draw, radius, angle) {
+    const m = draw.m;
+    const device = radius * Math.hypot(m[0], m[1]) * draw.renderScale;
+    return Math.max(2, Math.min(256, Math.ceil((device * angle) / 4)));
+}
+let points = new Float32Array(64);
+function scratch(n) {
+    if (points.length < n)
+        points = new Float32Array(2 ** Math.ceil(Math.log2(n)));
+    return points;
+}
+/** Longest miter, in half line widths, before it's cut short (Canvas 2D bevels past the same limit). */
+const MITER = 4;
+/**
+ * Indexed triangles for the WebGL2 backend's `path()`: x, y, u, v (floats), a colour (RGBA bytes) and coverage,
+ * flash and texture unit (bytes) per vertex, 24 bytes. Sprites can join as textured quads (`sprite`). Edges get a feather one device pixel wide fading to coverage 0, which antialiases without MSAA.
+ * @internal
+ */
+export class ShapeBuffer {
+    data = new ArrayBuffer(1 << 16);
+    f32 = new Float32Array(this.data);
+    u32 = new Uint32Array(this.data);
+    indices = new Uint32Array(1 << 14);
+    /** Vertices and indices written. */
+    count = 0;
+    icount = 0;
+    m = [1, 0, 0, 1, 0, 0];
+    color = 0;
+    xs = new Float64Array(64);
+    ys = new Float64Array(64);
+    nx = new Float64Array(64);
+    ny = new Float64Array(64);
+    /** The inner ring of a fill, in the points' units (for ear clipping). */
+    ix = new Float64Array(64);
+    iy = new Float64Array(64);
+    /** Fill (`width` 0) or stroke `n` points. `aa` is one device pixel in the points' units; `color` is RGBA bytes in memory order. */
+    add(m, points, n, closed, width, color, aa) {
+        this.m = m;
+        this.color = color;
+        n = this.load(points, n, closed || width === 0);
+        if (width === 0)
+            this.fill(n, aa);
+        else
+            this.stroke(n, closed, width, aa);
+    }
+    /** Copy points, dropping repeats; returns how many are left. Closed shapes also drop a last point equal to the first. */
+    load(points, n, closed) {
+        if (this.xs.length < n) {
+            const size = 2 ** Math.ceil(Math.log2(n));
+            this.xs = new Float64Array(size);
+            this.ys = new Float64Array(size);
+            this.nx = new Float64Array(size);
+            this.ny = new Float64Array(size);
+            this.ix = new Float64Array(size);
+            this.iy = new Float64Array(size);
+        }
+        let k = 0;
+        for (let i = 0; i < n; i++) {
+            const x = points[i * 2];
+            const y = points[i * 2 + 1];
+            if (k > 0 && x === this.xs[k - 1] && y === this.ys[k - 1])
+                continue;
+            this.xs[k] = x;
+            this.ys[k] = y;
+            k++;
+        }
+        if (closed && k > 1 && this.xs[0] === this.xs[k - 1] && this.ys[0] === this.ys[k - 1])
+            k--;
+        return k;
+    }
+    /** Miter normals (left of travel) scaled so offsetting by 1 moves each edge by 1, clamped at MITER. */
+    normals(n, closed) {
+        const { xs, ys, nx, ny } = this;
+        for (let i = 0; i < n; i++) {
+            const p = i > 0 ? i - 1 : closed ? n - 1 : i;
+            const q = i < n - 1 ? i + 1 : closed ? 0 : i;
+            // Left normals of the edges into and out of this point.
+            let ax = ys[p] - ys[i];
+            let ay = xs[i] - xs[p];
+            let bx = ys[i] - ys[q];
+            let by = xs[q] - xs[i];
+            const la = Math.sqrt(ax * ax + ay * ay);
+            const lb = Math.sqrt(bx * bx + by * by);
+            if (la > 0) {
+                ax /= la;
+                ay /= la;
+            }
+            if (lb > 0) {
+                bx /= lb;
+                by /= lb;
+            }
+            if (la === 0) {
+                ax = bx;
+                ay = by;
+            }
+            else if (lb === 0) {
+                bx = ax;
+                by = ay;
+            }
+            let mx = ax + bx;
+            let my = ay + by;
+            const lm = Math.sqrt(mx * mx + my * my);
+            if (lm < 1e-9) {
+                mx = ax;
+                my = ay;
+            }
+            else {
+                mx /= lm;
+                my /= lm;
+                const s = Math.min(MITER, 1 / Math.max(mx * ax + my * ay, 1e-9));
+                mx *= s;
+                my *= s;
+            }
+            nx[i] = mx;
+            ny[i] = my;
+        }
+    }
+    fill(n, aa) {
+        if (n < 3)
+            return;
+        const { xs, ys, nx, ny, ix, iy } = this;
+        // Wind one way, so left normals point inward.
+        let area = 0;
+        for (let i = 0, j = n - 1; i < n; j = i++)
+            area += xs[j] * ys[i] - xs[i] * ys[j];
+        if (area === 0)
+            return;
+        if (area < 0) {
+            xs.subarray(0, n).reverse();
+            ys.subarray(0, n).reverse();
+        }
+        this.normals(n, true);
+        const h = aa / 2;
+        const isConvex = convex(xs, ys, n);
+        // Inner ring (coverage 1) a half pixel in, then the outer ring (coverage 0) a half pixel out.
+        const base = this.reserve(2 * n, 3 * (n - 2) + 6 * n);
+        for (let i = 0; i < n; i++) {
+            ix[i] = xs[i] + nx[i] * h;
+            iy[i] = ys[i] + ny[i] * h;
+            this.vertex(ix[i], iy[i], 1);
+        }
+        for (let i = 0; i < n; i++)
+            this.vertex(xs[i] - nx[i] * h, ys[i] - ny[i] * h, 0);
+        // Convex (round rects, most UI shapes): a fan, no ear clipping.
+        if (isConvex)
+            for (let i = 1; i + 1 < n; i++)
+                this.tri(base, base + i, base + i + 1);
+        else
+            earClip(ix, iy, n, (a, b, c) => this.tri(base + a, base + b, base + c));
+        for (let i = 0; i < n; i++) {
+            const j = i === n - 1 ? 0 : i + 1;
+            this.quad(base + i, base + n + i, base + j, base + n + j);
+        }
+    }
+    stroke(n, closed, width, aa) {
+        if (n < 2)
+            return;
+        if (closed && n < 3)
+            closed = false;
+        const { xs, ys, nx, ny } = this;
+        this.normals(n, closed);
+        const half = width / 2;
+        const hi = Math.max(half - aa / 2, 0);
+        const ho = half + aa / 2;
+        // Lines thinner than a pixel fade instead of shrinking below one.
+        const core = Math.min(1, width / aa);
+        const segments = closed ? n : n - 1;
+        // Four vertices per point across the line: left edge, left core, right core, right edge.
+        const base = this.reserve(4 * n, 18 * segments);
+        for (let i = 0; i < n; i++) {
+            const x = xs[i];
+            const y = ys[i];
+            const ax = nx[i];
+            const ay = ny[i];
+            this.vertex(x + ax * ho, y + ay * ho, 0);
+            this.vertex(x + ax * hi, y + ay * hi, core);
+            this.vertex(x - ax * hi, y - ay * hi, core);
+            this.vertex(x - ax * ho, y - ay * ho, 0);
+        }
+        for (let i = 0; i < segments; i++) {
+            const a = base + i * 4;
+            const b = base + (i === n - 1 ? 0 : i + 1) * 4;
+            this.quad(a, a + 1, b, b + 1);
+            this.quad(a + 1, a + 2, b + 1, b + 2);
+            this.quad(a + 2, a + 3, b + 2, b + 3);
+        }
+    }
+    /** Room for `v` more vertices and `i` more indices; returns the first new vertex's index. */
+    reserve(v, i) {
+        if ((this.count + v) * 24 > this.data.byteLength) {
+            const old = this.f32;
+            this.data = new ArrayBuffer(2 ** Math.ceil(Math.log2((this.count + v) * 24)));
+            this.f32 = new Float32Array(this.data);
+            this.u32 = new Uint32Array(this.data);
+            this.f32.set(old.subarray(0, this.count * 6));
+        }
+        if (this.icount + i > this.indices.length) {
+            const old = this.indices;
+            this.indices = new Uint32Array(2 ** Math.ceil(Math.log2(this.icount + i)));
+            this.indices.set(old.subarray(0, this.icount));
+        }
+        return this.count;
+    }
+    /** Two triangles joining edge (a, b) to edge (c, d). */
+    quad(a, b, c, d) {
+        this.tri(a, b, c);
+        this.tri(b, d, c);
+    }
+    tri(a, b, c) {
+        const k = this.icount;
+        this.indices[k] = a;
+        this.indices[k + 1] = b;
+        this.indices[k + 2] = c;
+        this.icount = k + 3;
+    }
+    /** A textured quad: the unit square through `m`, sampling `u0, v0, u1, v1` from texture `unit`. */
+    sprite(m, u0, v0, u1, v1, color, flash, unit) {
+        const base = this.reserve(4, 6);
+        const extra = 0xff | (Math.round(flash * 255) << 8) | (unit << 16);
+        const { f32, u32 } = this;
+        for (let c = 0; c < 4; c++) {
+            const cx = c & 1;
+            const cy = c >> 1;
+            const f = (base + c) * 6;
+            f32[f] = m[0] * cx + m[2] * cy + m[4];
+            f32[f + 1] = m[1] * cx + m[3] * cy + m[5];
+            f32[f + 2] = cx ? u1 : u0;
+            f32[f + 3] = cy ? v1 : v0;
+            u32[f + 4] = color;
+            u32[f + 5] = extra;
+        }
+        this.count += 4;
+        this.quad(base, base + 1, base + 2, base + 3);
+    }
+    vertex(x, y, coverage) {
+        const m = this.m;
+        const f = this.count * 6;
+        this.f32[f] = m[0] * x + m[2] * y + m[4];
+        this.f32[f + 1] = m[1] * x + m[3] * y + m[5];
+        this.f32[f + 2] = 0;
+        this.f32[f + 3] = 0;
+        this.u32[f + 4] = this.color;
+        // Coverage, no flash, and texture unit 255: none (the fragment stage reads white).
+        this.u32[f + 5] = Math.round(coverage * 255) | (255 << 16);
+        this.count++;
+    }
+}
+/** Every turn the same way (or straight), for a polygon wound with positive area. */
+function convex(xs, ys, n) {
+    for (let i = 0; i < n; i++)
+        if (cross(xs, ys, i, (i + 1) % n, (i + 2) % n) < 0)
+            return false;
+    return true;
+}
+/** Reused by `earClip`, so filling shapes every frame doesn't allocate. */
+const INDICES = [];
+/**
+ * Triangulate a simple polygon wound so its interior is on the left (positive signed area in y-down space).
+ * O(n²), fine for UI and debug shapes. Self-intersecting input still produces triangles, just not exact ones.
+ */
+export function earClip(xs, ys, n, tri) {
+    const idx = INDICES;
+    idx.length = 0;
+    for (let k = 0; k < n; k++)
+        idx.push(k);
+    let guard = 0;
+    let i = 0;
+    while (idx.length > 3 && guard < idx.length) {
+        const len = idx.length;
+        const a = idx[(i + len - 1) % len];
+        const b = idx[i % len];
+        const c = idx[(i + 1) % len];
+        if (isEar(xs, ys, idx, a, b, c)) {
+            tri(a, b, c);
+            idx.splice(i % len, 1);
+            guard = 0;
+        }
+        else {
+            i++;
+            guard++;
+        }
+        i %= idx.length;
+    }
+    if (idx.length === 3)
+        tri(idx[0], idx[1], idx[2]);
+    // No ear left (degenerate or self-intersecting): fan the rest.
+    else
+        for (let k = 1; k + 1 < idx.length; k++)
+            tri(idx[0], idx[k], idx[k + 1]);
+}
+function cross(xs, ys, a, b, c) {
+    const ax = xs[a];
+    const ay = ys[a];
+    return (xs[b] - ax) * (ys[c] - ay) - (ys[b] - ay) * (xs[c] - ax);
+}
+function isEar(xs, ys, idx, a, b, c) {
+    if (cross(xs, ys, a, b, c) <= 0)
+        return false;
+    for (const p of idx) {
+        if (p === a || p === b || p === c)
+            continue;
+        if (cross(xs, ys, a, b, p) >= 0 && cross(xs, ys, b, c, p) >= 0 && cross(xs, ys, c, a, p) >= 0)
+            return false;
+    }
+    return true;
+}
+//# sourceMappingURL=shapes.js.map