spryte 0.2.1 → 0.3.0

package/dist/filters.js

@@ -0,0 +1,188 @@
+import { offscreen, pass, restore, whole } from "./offscreen.js";
+import { Shader } from "./shader.js";
+/**
+ * Run `fn` and draw the result through `filters`, in order. Same units, transform and clips as outside;
+ * nests with masks and targets. Each filter pass is an offscreen pass the size of the destination, so filter
+ * groups, not single sprites.
+ *
+ * ```ts
+ * import { blur, filter, grayscale } from "spryte";
+ * filter(draw, [grayscale()], () => drawWorld(draw)); // paused
+ * draw.blend("add");
+ * filter(draw, [blur(4)], () => drawLights(draw)); // glow: a blurred copy added under the sharp one
+ * draw.blend("normal");
+ * drawLights(draw);
+ * ```
+ */
+export function filter(draw, filters, fn) {
+    if (filters.length === 0) {
+        fn();
+        return;
+    }
+    const o = offscreen(draw);
+    let result = o.a;
+    let css = "";
+    try {
+        pass(draw, o, o.a, fn, true);
+        const scale = o.pw / o.lw;
+        if (draw.backend.setFilter) {
+            // Canvas 2D: the browser's own filters, applied as the result is drawn.
+            css = filters
+                .map((f) => f.css(scale) ?? "")
+                .join(" ")
+                .trim();
+        }
+        else {
+            // Ping-pong between the two targets, one pass at a time.
+            for (const f of filters)
+                for (const p of f.passes) {
+                    const from = result;
+                    result = from === o.a ? o.b : o.a;
+                    pass(draw, o, result, () => {
+                        for (const [name, value] of p.uniforms(1 / o.pw, 1 / o.ph, scale))
+                            p.shader.set(name, value);
+                        whole(draw, from, o, p.shader, p.smooth);
+                    }, true);
+                }
+        }
+    }
+    finally {
+        restore(draw, o);
+    }
+    if (css)
+        draw.backend.setFilter?.(css);
+    whole(draw, result, o);
+    if (css)
+        draw.backend.setFilter?.("none");
+}
+// Shared shaders, so filters made every frame never recompile. Samples outside the image are transparent,
+// as in CSS filters.
+let blurShader;
+let matrixShader;
+const BLUR = `
+uniform vec2 dir;
+uniform float sigma;
+bool inside(vec2 uv) {
+  return all(greaterThanEqual(uv, vec2(0.0))) && all(lessThanEqual(uv, vec2(1.0)));
+}
+vec4 tap(vec2 uv) {
+  return inside(uv) ? source(uv) : vec4(0.0);
+}
+// Texels i and i + 1 from uv along d, weighted k1 and k2, in one linear sample at f. At the image's edge only
+// texel i is inside: sample it alone, since outside is transparent (clamping would repeat the edge texel).
+vec4 pair(vec2 uv, vec2 d, float i, float k1, float k2, float f) {
+  if (inside(uv + d * (i + 1.0))) return source(uv + d * f) * (k1 + k2);
+  return tap(uv + d * i) * k1;
+}
+vec4 effect(vec4 color, vec2 uv) {
+  // Out to 3 sigma, two texels per tap: linear filtering samples between texels i and i + 1 at the point
+  // that weights them as the Gaussian does, halving the taps.
+  float n = min(ceil(sigma * 3.0), 128.0);
+  float s2 = 2.0 * sigma * sigma;
+  vec4 sum = tap(uv);
+  float total = 1.0;
+  for (int j = 0; j < 64; j++) {
+    float i = 1.0 + 2.0 * float(j);
+    if (i > n) break;
+    float k1 = exp(-i * i / s2);
+    float k2 = exp(-(i + 1.0) * (i + 1.0) / s2);
+    float k = k1 + k2;
+    float f = (i * k1 + (i + 1.0) * k2) / k;
+    sum += pair(uv, dir, i, k1, k2, f) + pair(uv, -dir, i, k1, k2, f);
+    total += 2.0 * k;
+  }
+  return sum / total * color;
+}`;
+const MATRIX = `
+uniform vec4 r;
+uniform vec4 g;
+uniform vec4 b;
+uniform vec4 a;
+uniform vec4 o;
+vec4 effect(vec4 color, vec2 uv) {
+  vec4 p = source(uv);
+  vec4 c = p.a > 0.0 ? vec4(p.rgb / p.a, p.a) : vec4(0.0);
+  vec4 q = clamp(vec4(dot(r, c), dot(g, c), dot(b, c), dot(a, c)) + o, 0.0, 1.0);
+  return vec4(q.rgb * q.a, q.a) * color;
+}`;
+/**
+ * Gaussian blur. `radius` is the standard deviation in logical units, the same as CSS `blur()`. Two passes of
+ * up to 65 taps; blurs over about 40 device pixels are cut short, so blur a smaller target and scale it up instead.
+ */
+export function blur(radius) {
+    blurShader ??= new Shader(BLUR);
+    const shader = blurShader;
+    const pass = (x, y) => ({
+        shader,
+        smooth: true,
+        uniforms: (tw, th, scale) => [
+            ["dir", [x * tw, y * th]],
+            ["sigma", Math.max(radius * scale, 1e-3)],
+        ],
+    });
+    return {
+        passes: radius > 0 ? [pass(1, 0), pass(0, 1)] : [],
+        css: (scale) => (radius > 0 ? `blur(${radius * scale}px)` : null),
+    };
+}
+/**
+ * Colour matrix: 20 numbers, four rows of `[r, g, b, a, offset]` (offset 0..1), applied to unpremultiplied
+ * colour. WebGL2 only; on Canvas 2D this one draws unfiltered. The named filters below work on both.
+ */
+export function colorMatrix(m) {
+    return matrix(m, null);
+}
+/** 0 (unchanged) to 1 (grey). CSS `grayscale()`. */
+export function grayscale(amount = 1) {
+    const s = 1 - amount;
+    return rgb([0.2126 + 0.7874 * s, 0.7152 - 0.7152 * s, 0.0722 - 0.0722 * s], [0.2126 - 0.2126 * s, 0.7152 + 0.2848 * s, 0.0722 - 0.0722 * s], [0.2126 - 0.2126 * s, 0.7152 - 0.7152 * s, 0.0722 + 0.9278 * s], `grayscale(${amount})`);
+}
+/** 0 (unchanged) to 1 (full sepia). CSS `sepia()`. */
+export function sepia(amount = 1) {
+    const s = 1 - amount;
+    return rgb([0.393 + 0.607 * s, 0.769 - 0.769 * s, 0.189 - 0.189 * s], [0.349 - 0.349 * s, 0.686 + 0.314 * s, 0.168 - 0.168 * s], [0.272 - 0.272 * s, 0.534 - 0.534 * s, 0.131 + 0.869 * s], `sepia(${amount})`);
+}
+/** 0 is grey, 1 unchanged, above 1 more vivid. CSS `saturate()`. */
+export function saturate(amount) {
+    const s = amount;
+    return rgb([0.213 + 0.787 * s, 0.715 - 0.715 * s, 0.072 - 0.072 * s], [0.213 - 0.213 * s, 0.715 + 0.285 * s, 0.072 - 0.072 * s], [0.213 - 0.213 * s, 0.715 - 0.715 * s, 0.072 + 0.928 * s], `saturate(${amount})`);
+}
+/** Rotate hues by `radians`. CSS `hue-rotate()`. */
+export function hueRotate(radians) {
+    const c = Math.cos(radians);
+    const s = Math.sin(radians);
+    return rgb([0.213 + c * 0.787 - s * 0.213, 0.715 - c * 0.715 - s * 0.715, 0.072 - c * 0.072 + s * 0.928], [0.213 - c * 0.213 + s * 0.143, 0.715 + c * 0.285 + s * 0.14, 0.072 - c * 0.072 - s * 0.283], [0.213 - c * 0.213 - s * 0.787, 0.715 - c * 0.715 + s * 0.715, 0.072 + c * 0.928 + s * 0.072], `hue-rotate(${radians}rad)`);
+}
+/** Multiply colour: 0 black, 1 unchanged. CSS `brightness()`. */
+export function brightness(amount) {
+    return matrix([amount, 0, 0, 0, 0, 0, amount, 0, 0, 0, 0, 0, amount, 0, 0, 0, 0, 0, 1, 0], `brightness(${amount})`);
+}
+/** 0 flat grey, 1 unchanged, above 1 more contrast. CSS `contrast()`. */
+export function contrast(amount) {
+    const o = 0.5 - 0.5 * amount;
+    return matrix([amount, 0, 0, 0, o, 0, amount, 0, 0, o, 0, 0, amount, 0, o, 0, 0, 0, 1, 0], `contrast(${amount})`);
+}
+/** 0 unchanged, 1 inverted. CSS `invert()`. */
+export function invert(amount = 1) {
+    const k = 1 - 2 * amount;
+    return matrix([k, 0, 0, 0, amount, 0, k, 0, 0, amount, 0, 0, k, 0, amount, 0, 0, 0, 1, 0], `invert(${amount})`);
+}
+function rgb(r, g, b, css) {
+    return matrix([...r, 0, 0, ...g, 0, 0, ...b, 0, 0, 0, 0, 0, 1, 0], css);
+}
+function matrix(m, css) {
+    if (m.length !== 20)
+        throw new Error(`spryte: a colour matrix has 20 numbers, got ${m.length}`);
+    matrixShader ??= new Shader(MATRIX);
+    const shader = matrixShader;
+    const row = (i) => [m[i], m[i + 1], m[i + 2], m[i + 3]];
+    const uniforms = [
+        ["r", row(0)],
+        ["g", row(5)],
+        ["b", row(10)],
+        ["a", row(15)],
+        ["o", [m[4], m[9], m[14], m[19]]],
+    ];
+    return { passes: [{ shader, uniforms: () => uniforms }], css: () => css };
+}
+//# sourceMappingURL=filters.js.map

package/dist/filters.js.map

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

package/dist/index.d.ts

@@ -2,8 +2,12 @@ export type { BlendMode, ClipRect, Matrix, RawContext, TextureSource } from "./b
 export { BitmapFont, type BitmapFontOptions, type Glyph } from "./bitmap-font.js";
 export { type Color, rgbaToCss, toRGBA } from "./color.js";
 export type { SpritesEach } from "./copies.js";
-export { Draw, type Frame, type SpriteDrawOptions, type TextDrawOptions } from "./draw.js";
+export { Draw, type Frame, type SpriteDrawOptions, type TextDrawOptions, } from "./draw.js";
+export { blur, brightness, colorMatrix, contrast, type Filter, filter, grayscale, hueRotate, invert, saturate, sepia, } from "./filters.js";
+export { mask } from "./mask.js";
+export { nineSlice, type PanelDrawOptions, type TiledDrawOptions, tiled } from "./panels.js";
 export { createRenderer, type RendererOptions } from "./renderer.js";
 export { Shader, type UniformValue } from "./shader.js";
+export { polygon, polyline, ring, roundRect } from "./shapes.js";
 export { RenderTarget } from "./target.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAE,KAAK,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC3D,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,KAAK,KAAK,EAAE,KAAK,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAE,KAAK,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC3D,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EACL,IAAI,EACJ,KAAK,KAAK,EACV,KAAK,iBAAiB,EACtB,KAAK,eAAe,GACrB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,QAAQ,EACR,KAAK,MAAM,EACX,MAAM,EACN,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,KAAK,GACN,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC7F,OAAO,EAAE,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -1,7 +1,11 @@
 export { BitmapFont } from "./bitmap-font.js";
 export { rgbaToCss, toRGBA } from "./color.js";
-export { Draw } from "./draw.js";
+export { Draw, } from "./draw.js";
+export { blur, brightness, colorMatrix, contrast, filter, grayscale, hueRotate, invert, saturate, sepia, } from "./filters.js";
+export { mask } from "./mask.js";
+export { nineSlice, tiled } from "./panels.js";
 export { createRenderer } from "./renderer.js";
 export { Shader } from "./shader.js";
+export { polygon, polyline, ring, roundRect } from "./shapes.js";
 export { RenderTarget } from "./target.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAsC,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAc,SAAS,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAE3D,OAAO,EAAE,IAAI,EAA4D,MAAM,WAAW,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAwB,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,MAAM,EAAqB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAsC,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAc,SAAS,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAE3D,OAAO,EACL,IAAI,GAIL,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,QAAQ,EAER,MAAM,EACN,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,KAAK,GACN,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAgD,KAAK,EAAE,MAAM,aAAa,CAAC;AAC7F,OAAO,EAAE,cAAc,EAAwB,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,MAAM,EAAqB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/mask.d.ts

@@ -0,0 +1,13 @@
+import type { Draw } from "./draw.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 declare function mask(draw: Draw, shape: () => void, fn: () => void): void;
+//# sourceMappingURL=mask.d.ts.map

package/dist/mask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask.d.ts","sourceRoot":"","sources":["../src/mask.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAGtC;;;;;;;;;GASG;AACH,wBAAgB,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,IAAI,EAAE,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI,CAqBxE"}

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