spryte 0.2.3 → 0.4.0

package/dist/mask.js

@@ -0,0 +1,29 @@
+import { offscreen, pass, restore, whole } from "./offscreen.js";
+/**
+ * Run `fn`, keeping what it draws only where `shape` draws: a sprite (soft, using its alpha), shapes, text,
+ * anything. Same units, transform and clips as outside. Nests, and works inside `draw.into()`. Costs two
+ * offscreen passes the size of the destination, so mask a group of things at once rather than each sprite.
+ *
+ * ```ts
+ * import { mask } from "spryte";
+ * mask(draw, () => draw.circle(px, py, 40, "#fff"), () => drawLevel(draw)); // spotlight
+ * ```
+ */
+export function mask(draw, shape, fn) {
+    const o = offscreen(draw);
+    try {
+        pass(draw, o, o.a, fn, true);
+        draw.alpha = 1;
+        pass(draw, o, o.b, shape, true);
+        // Keep content where the shape drew: one quad over the whole target, so both backends agree.
+        pass(draw, o, o.a, () => {
+            draw.backend.setBlend("mask");
+            whole(draw, o.b, o);
+        }, false);
+    }
+    finally {
+        restore(draw, o);
+    }
+    whole(draw, o.a, o);
+}
+//# sourceMappingURL=mask.js.map

package/dist/mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask.js","sourceRoot":"","sources":["../src/mask.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE;;;;;;;;;GASG;AACH,MAAM,UAAU,IAAI,CAAC,IAAU,EAAE,KAAiB,EAAE,EAAc;IAChE,MAAM,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IAC1B,IAAI,CAAC;QACH,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QAChC,6FAA6F;QAC7F,IAAI,CACF,IAAI,EACJ,CAAC,EACD,CAAC,CAAC,CAAC,EACH,GAAG,EAAE;YACH,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC9B,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACtB,CAAC,EACD,KAAK,CACN,CAAC;IACJ,CAAC;YAAS,CAAC;QACT,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IACnB,CAAC;IACD,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACtB,CAAC"}

package/dist/offscreen.d.ts

@@ -0,0 +1,26 @@
+import type { ClipRect } from "./backend.js";
+import type { Draw } from "./draw.js";
+import type { Shader } from "./shader.js";
+import { RenderTarget } from "./target.js";
+/** @internal One level of offscreen drawing: the destination's size and two targets matching its pixels. */
+export interface Offscreen {
+    outer: RenderTarget | null;
+    lw: number;
+    lh: number;
+    pw: number;
+    ph: number;
+    a: RenderTarget;
+    b: RenderTarget;
+    blend: Draw["blendMode"];
+    alpha: number;
+    clip: ClipRect | null;
+}
+/** @internal */
+export declare function offscreen(draw: Draw): Offscreen;
+/** @internal Draw `fn` into `into` (cleared when `clear`), in the outer units and clip, starting from normal blending. */
+export declare function pass(draw: Draw, o: Offscreen, into: RenderTarget, fn: () => void, clear: boolean): void;
+/** @internal Back to the outer destination, clip, alpha and blend. */
+export declare function restore(draw: Draw, o: Offscreen): void;
+/** @internal Draw a pooled target over the whole destination, 1:1 and untransformed, through `shader` (default none). 1:1 means `smooth` only matters to shaders sampling between texels. */
+export declare function whole(draw: Draw, t: RenderTarget, o: Offscreen, shader?: Shader | null, smooth?: boolean): void;
+//# sourceMappingURL=offscreen.d.ts.map

package/dist/offscreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offscreen.d.ts","sourceRoot":"","sources":["../src/offscreen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAK3C,4GAA4G;AAC5G,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,YAAY,CAAC;IAChB,CAAC,EAAE,YAAY,CAAC;IAChB,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;CACvB;AAED,gBAAgB;AAChB,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAmB/C;AAgBD,0HAA0H;AAC1H,wBAAgB,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,IAAI,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAWvG;AAED,sEAAsE;AACtE,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,GAAG,IAAI,CAOtD;AAED,6LAA6L;AAC7L,wBAAgB,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,GAAE,MAAM,GAAG,IAAW,EAAE,MAAM,UAAQ,GAAG,IAAI,CAanH"}

package/dist/offscreen.js

@@ -0,0 +1,83 @@
+import { RenderTarget } from "./target.js";
+/** Two pooled targets per level of mask or filter nesting, kept between frames and remade when the size changes. */
+const pools = new WeakMap();
+/** @internal */
+export function offscreen(draw) {
+    const outer = draw.target;
+    const lw = outer ? outer.width : draw.viewW;
+    const lh = outer ? outer.height : draw.viewH;
+    const pw = outer ? outer.width : draw.backingW || Math.round(draw.viewW * draw.renderScale);
+    const ph = outer ? outer.height : draw.backingH || Math.round(draw.viewH * draw.renderScale);
+    const level = draw.maskDepth++;
+    return {
+        outer,
+        lw,
+        lh,
+        pw,
+        ph,
+        a: pooled(draw, level * 2, pw, ph),
+        b: pooled(draw, level * 2 + 1, pw, ph),
+        blend: draw.blendMode,
+        alpha: draw.alpha,
+        clip: draw.clips.at(-1) ?? null,
+    };
+}
+function pooled(draw, i, w, h) {
+    let pool = pools.get(draw);
+    if (!pool) {
+        pool = [];
+        pools.set(draw, pool);
+    }
+    const t = pool[i];
+    if (t && t.width === w && t.height === h)
+        return t;
+    if (t)
+        draw.backend.disposeTarget(t);
+    const fresh = new RenderTarget(w, h);
+    pool[i] = fresh;
+    return fresh;
+}
+/** @internal Draw `fn` into `into` (cleared when `clear`), in the outer units and clip, starting from normal blending. */
+export function pass(draw, o, into, fn, clear) {
+    draw.target = into;
+    draw.backend.setTarget(into, clear ? 0 : null, o.lw, o.lh);
+    // Targets match the destination's pixels, so clips carry over as they are.
+    if (o.clip)
+        draw.backend.setClip(o.clip);
+    draw.blend("normal");
+    try {
+        fn();
+    }
+    finally {
+        if (o.clip)
+            draw.backend.setClip(null);
+    }
+}
+/** @internal Back to the outer destination, clip, alpha and blend. */
+export function restore(draw, o) {
+    draw.target = o.outer;
+    draw.backend.setTarget(o.outer, null, o.lw, o.lh);
+    if (o.clip)
+        draw.backend.setClip(o.clip);
+    draw.maskDepth--;
+    draw.alpha = o.alpha;
+    draw.blend(o.blend);
+}
+/** @internal Draw a pooled target over the whole destination, 1:1 and untransformed, through `shader` (default none). 1:1 means `smooth` only matters to shaders sampling between texels. */
+export function whole(draw, t, o, shader = null, smooth = false) {
+    const outer = draw.shader;
+    if (outer !== shader)
+        draw.backend.setShader(shader);
+    const m = draw.tmp;
+    m[0] = o.lw;
+    m[1] = 0;
+    m[2] = 0;
+    m[3] = o.lh;
+    m[4] = 0;
+    m[5] = 0;
+    draw.quads++;
+    draw.backend.quad(m, t, 0, 0, t.width, t.height, 0xffffffff, 0, smooth);
+    if (outer !== shader)
+        draw.backend.setShader(outer);
+}
+//# sourceMappingURL=offscreen.js.map

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":"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"}

package/dist/phaser.d.ts

@@ -0,0 +1,80 @@
+/**
+ * spryte inside a Phaser 4 game: an `Extern` game object draws with spryte in Phaser's own frame and depth order,
+ * on the WebGL2 context the game runs on. Phaser makes a WebGL1 context by itself, so the game is created on one
+ * from `createPhaserContext()`. Nothing here depends on Phaser: the types describe the parts of Phaser 4 it touches.
+ *
+ * ```ts
+ * import { createPhaserContext, spryteExtern } from "spryte/phaser";
+ *
+ * const game = new Phaser.Game({ type: Phaser.WEBGL, ...createPhaserContext(), scene: Bullets });
+ * class Bullets extends Phaser.Scene {
+ *   create() {
+ *     spryteExtern(this.add.extern().setDepth(5), (draw) => draw.sprites(bullet, positions, count));
+ *   }
+ * }
+ * ```
+ */
+import type { Draw } from "./draw.js";
+import { type SharedRendererOptions } from "./shared.js";
+export interface PhaserDrawingContext {
+    framebuffer: {
+        webGLFramebuffer: WebGLFramebuffer | null;
+    } | null;
+    width: number;
+    height: number;
+    /** Phaser's cached GL state for this destination: framebuffer, viewport, scissor, stencil, blend, colour mask. */
+    state: unknown;
+}
+export interface PhaserWebGLRenderer {
+    gl: WebGLRenderingContext | WebGL2RenderingContext;
+    glWrapper: {
+        update(state: unknown, force?: boolean): void;
+    };
+}
+export interface PhaserMatrix {
+    a: number;
+    b: number;
+    c: number;
+    d: number;
+    e: number;
+    f: number;
+}
+/** The parts of `Phaser.GameObjects.Extern` the helper uses. */
+export interface PhaserExtern {
+    render(renderer: PhaserWebGLRenderer, drawingContext: PhaserDrawingContext, calcMatrix: PhaserMatrix, displayList?: unknown, displayListIndex?: number): void;
+    once?(event: string, fn: () => void): unknown;
+}
+export interface PhaserSpryte {
+    /** The `Draw`, from the first frame on (spryte is created in the Extern's first render, where Phaser expects GL state to change). */
+    readonly draw: Draw | null;
+    /** Free spryte's GPU objects. Called for you when the Extern is destroyed. */
+    dispose(): void;
+}
+/**
+ * Draw with spryte in an `Extern`'s slot: `render` is called each frame with a `Draw` whose transform is the
+ * Extern's `calcMatrix` (the camera, and any Container it's in), so world coordinates are Phaser's. Filters on the
+ * Extern or its camera, camera viewports and `Stencil` masks apply, since spryte draws into Phaser's drawing context
+ * under its state. The game must run on a WebGL2 context (`createPhaserContext`).
+ */
+export declare function spryteExtern(extern: PhaserExtern, render: (draw: Draw) => void, options?: SharedRendererOptions): PhaserSpryte;
+/**
+ * A WebGL2 context for Phaser to run on, with its shaders translated to GLSL ES 3.00 (`shimShaders`). Spread the
+ * result into the game config, with `type: Phaser.WEBGL`. `attributes` are the context's, defaulting to Phaser's
+ * (opaque, antialiased, premultiplied, with a stencil buffer, on the high-performance GPU). `gl` is the context;
+ * `context` is the same object, typed to fit whatever Phaser's config declares (a 2D context, in 4.2.1).
+ */
+export declare function createPhaserContext(canvas?: HTMLCanvasElement, attributes?: WebGLContextAttributes): {
+    canvas: HTMLCanvasElement;
+    context: never;
+    gl: WebGL2RenderingContext;
+};
+/**
+ * Translate every GLSL ES 1.00 shader compiled on `gl` to ES 3.00. Phaser 4's shaders are ES 1.00, and on a WebGL2
+ * context the ones that use derivatives (`Gradient`, noise objects with `noiseNormalMap`, `smoothPixelArt`) fail
+ * to compile, since `OES_standard_derivatives` is a WebGL1 extension (Phaser 4.2.1). Install it before
+ * `new Phaser.Game`; `createPhaserContext` does. Shaders that already declare `#version 300 es` pass through.
+ */
+export declare function shimShaders(gl: WebGL2RenderingContext): void;
+/** @internal GLSL ES 1.00 to 3.00, for the constructs Phaser's shaders use. Exported for tests. */
+export declare function toEs300(source: string, fragment: boolean): string;
+//# sourceMappingURL=phaser.d.ts.map

package/dist/phaser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phaser.d.ts","sourceRoot":"","sources":["../src/phaser.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAA6C,KAAK,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEpG,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE;QAAE,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,kHAAkH;IAClH,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,qBAAqB,GAAG,sBAAsB,CAAC;IACnD,SAAS,EAAE;QAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;KAAE,CAAC;CAC9D;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,gEAAgE;AAChE,MAAM,WAAW,YAAY;IAC3B,MAAM,CACJ,QAAQ,EAAE,mBAAmB,EAC7B,cAAc,EAAE,oBAAoB,EACpC,UAAU,EAAE,YAAY,EACxB,WAAW,CAAC,EAAE,OAAO,EACrB,gBAAgB,CAAC,EAAE,MAAM,GACxB,IAAI,CAAC;IACR,IAAI,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC;CAC/C;AAED,MAAM,WAAW,YAAY;IAC3B,qIAAqI;IACrI,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,8EAA8E;IAC9E,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,EAAE,OAAO,GAAE,qBAA0B,GAAG,YAAY,CA2BlI;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,GAAE,iBAAoD,EAC5D,UAAU,GAAE,sBAA2B,GACtC;IAAE,MAAM,EAAE,iBAAiB,CAAC;IAAC,OAAO,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,sBAAsB,CAAA;CAAE,CAY3E;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,EAAE,sBAAsB,GAAG,IAAI,CAmB5D;AAUD,mGAAmG;AACnG,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,CASjE"}

package/dist/phaser.js

@@ -0,0 +1,100 @@
+import { createSharedRenderer } from "./shared.js";
+/**
+ * Draw with spryte in an `Extern`'s slot: `render` is called each frame with a `Draw` whose transform is the
+ * Extern's `calcMatrix` (the camera, and any Container it's in), so world coordinates are Phaser's. Filters on the
+ * Extern or its camera, camera viewports and `Stencil` masks apply, since spryte draws into Phaser's drawing context
+ * under its state. The game must run on a WebGL2 context (`createPhaserContext`).
+ */
+export function spryteExtern(extern, render, options = {}) {
+    let shared = null;
+    extern.render = (renderer, context, m) => {
+        const gl = renderer.gl;
+        if (typeof WebGL2RenderingContext === "undefined" || !(gl instanceof WebGL2RenderingContext))
+            throw new Error("spryte/phaser: Phaser is on a WebGL1 context. Create the game with `...createPhaserContext()` in its config.");
+        shared ??= createSharedRenderer(gl, options);
+        // Phaser's full state for this destination, forced: it has only reset blend, VAO and textures for the Extern.
+        renderer.glWrapper.update(context.state, true);
+        shared.target(context.framebuffer?.webGLFramebuffer ?? null, context.width, context.height);
+        const draw = shared.draw;
+        draw.begin(null, context.width, context.height, 1);
+        draw.transform(m.a, m.b, m.c, m.d, m.e, m.f);
+        render(draw);
+        draw.end();
+    };
+    const dispose = () => {
+        shared?.draw.dispose();
+        shared = null;
+    };
+    extern.once?.("destroy", dispose);
+    return {
+        get draw() {
+            return shared?.draw ?? null;
+        },
+        dispose,
+    };
+}
+/**
+ * A WebGL2 context for Phaser to run on, with its shaders translated to GLSL ES 3.00 (`shimShaders`). Spread the
+ * result into the game config, with `type: Phaser.WEBGL`. `attributes` are the context's, defaulting to Phaser's
+ * (opaque, antialiased, premultiplied, with a stencil buffer, on the high-performance GPU). `gl` is the context;
+ * `context` is the same object, typed to fit whatever Phaser's config declares (a 2D context, in 4.2.1).
+ */
+export function createPhaserContext(canvas = document.createElement("canvas"), attributes = {}) {
+    const gl = canvas.getContext("webgl2", {
+        alpha: false,
+        antialias: true,
+        premultipliedAlpha: true,
+        stencil: true,
+        powerPreference: "high-performance",
+        ...attributes,
+    });
+    if (!gl)
+        throw new Error("spryte/phaser: WebGL2 is unavailable in this browser");
+    shimShaders(gl);
+    return { canvas, context: gl, gl };
+}
+/**
+ * Translate every GLSL ES 1.00 shader compiled on `gl` to ES 3.00. Phaser 4's shaders are ES 1.00, and on a WebGL2
+ * context the ones that use derivatives (`Gradient`, noise objects with `noiseNormalMap`, `smoothPixelArt`) fail
+ * to compile, since `OES_standard_derivatives` is a WebGL1 extension (Phaser 4.2.1). Install it before
+ * `new Phaser.Game`; `createPhaserContext` does. Shaders that already declare `#version 300 es` pass through.
+ */
+export function shimShaders(gl) {
+    const types = new WeakMap();
+    const createShader = gl.createShader.bind(gl);
+    gl.createShader = (type) => {
+        const shader = createShader(type);
+        if (shader)
+            types.set(shader, type);
+        return shader;
+    };
+    const shaderSource = gl.shaderSource.bind(gl);
+    gl.shaderSource = (shader, source) => shaderSource(shader, /^\s*#version\s+300/.test(source) ? source : toEs300(source, types.get(shader) === gl.FRAGMENT_SHADER));
+    // Uniforms and attributes renamed in the source are looked up and bound by their new names.
+    const getUniformLocation = gl.getUniformLocation.bind(gl);
+    gl.getUniformLocation = (program, name) => getUniformLocation(program, renameIdentifier(name));
+    const getAttribLocation = gl.getAttribLocation.bind(gl);
+    gl.getAttribLocation = (program, name) => getAttribLocation(program, renameIdentifier(name));
+    const bindAttribLocation = gl.bindAttribLocation.bind(gl);
+    gl.bindAttribLocation = (program, index, name) => bindAttribLocation(program, index, renameIdentifier(name));
+}
+/** Identifiers that are keywords or built-in functions in ES 3.00 but were free in ES 1.00. */
+const RESERVED = /\b(sample|centroid|smooth|layout|patch|uint|uvec[234]|texture)\b/g;
+/** A uniform or attribute name (`smooth`, `smooth[0]`, `light.sample`) as `toEs300` renamed it. */
+function renameIdentifier(name) {
+    return name.replace(RESERVED, "$1_");
+}
+/** @internal GLSL ES 1.00 to 3.00, for the constructs Phaser's shaders use. Exported for tests. */
+export function toEs300(source, fragment) {
+    let out = source
+        .replace(/^[ \t]*#version\s+100.*$/m, "")
+        .replace(/^[ \t]*#extension\s+GL_(OES_standard_derivatives|EXT_shader_texture_lod)\b.*$/gm, "")
+        .replace(RESERVED, "$1_")
+        .replace(/\btexture(2D|Cube)(Lod|Proj)?(EXT)?\b/g, (_, _dim, fn) => (fn ? `texture${fn}` : "texture"));
+    if (fragment)
+        out = out.replace(/\bvarying\b/g, "in").replace(/\bgl_FragColor\b/g, "spryte_FragColor");
+    else
+        out = out.replace(/\battribute\b/g, "in").replace(/\bvarying\b/g, "out");
+    return `#version 300 es\n${fragment ? "out highp vec4 spryte_FragColor;\n" : ""}${out}`;
+}
+//# sourceMappingURL=phaser.js.map

package/dist/phaser.js.map

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

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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"}