@spritebuddy/pixi 0.0.0-stage → 0.2.0

package/LICENSE

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2026 Patrick Hammond
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -1,3 +1,58 @@
-# Temporary Holding Version
+# @spritebuddy/pixi
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Play [SpriteBuddy](https://github.com/Patrick-Hammond/spritebuddy) animations in **PixiJS 5.3+,
+6, 7 and 8** with one package: per-frame timing, loop, ping-pong and play-once, frame offsets,
+and layers drawn live (export with "Play layers live" so the sheet holds each frame once).
+
+```sh
+npm install @spritebuddy/pixi
+```
+
+```ts
+import * as PIXI from 'pixi.js';
+import { spriteBuddy } from '@spritebuddy/pixi';
+
+const sb = spriteBuddy(PIXI); // pass your PixiJS in: that is how one package serves 5 to 8
+
+const knight = await sb.load('assets/knight.anims.json'); // loads knight.png beside it
+const hero = knight.sprite('walk'); // a Container whose origin is the character's pivot
+hero.x = 200;
+hero.y = 300;
+app.stage.addChild(hero);
+
+hero.onComplete = () => hero.play('idle'); // for "once" animations
+hero.on('event:hit', () => enemy.takeHit()); // an event tagged on a frame in SpriteBuddy
+hero.play('attack');
+```
+
+The sprite's origin is where the character stands (the frame's pivot), so `x` and `y` put its
+feet on the ground. Scale it up for pixel art: `hero.scale.set(4)`.
+
+With PixiJS 7 or 8 you can use `Assets` instead:
+
+```ts
+PIXI.extensions.add(sb.assetsParser);
+const knight = await PIXI.Assets.load('assets/knight.anims.json'); // a SpriteBuddySheet
+```
+
+The [PixiJS example](https://github.com/Patrick-Hammond/spritebuddy-runtimes/tree/main/examples/pixi) is a complete page: three slimes from one
+sheet, one wearing a hat drawn as a live layer, and a hop on click.
+
+## API
+
+- `sb.load(url, { pixelArt })` loads a runtime file and its image. `pixelArt` (default `true`)
+  turns on nearest-neighbour sampling.
+- `sb.sheet(json, texture)` makes a sheet from a file and an image you loaded yourself.
+- `sheet.sprite(animation?, { autoPlay, autoUpdate, speed })` makes an animated sprite.
+  `sheet.textures`, `sheet.texture(name)` and `sheet.animations` are there too.
+- A sprite has `play(name, time?)`, `stop()`, `seek(ms)`, `update(ms)`, `speed`, `playing`,
+  `animation`, `onFrame`, `onEvent` and `onComplete`. It moves on with `Ticker.shared` unless you set
+  `autoUpdate = false` and call `update(ms)` yourself.
+- Frame events: as a frame tagged with events starts showing, the sprite calls
+  `onEvent(name, index)` and emits `"event"` (name, index) and `"event:<name>"` (index) on its
+  PixiJS event emitter, so `hero.on('event:step', playFootstep)` works.
+
+Every PixiJS version is tested by rendering the shared fixtures in Chromium and comparing each
+pixel with a software render of the format's rules.
+
+Licence: ISC.

package/dist/index.d.ts

@@ -0,0 +1,86 @@
+import { Player, type SpriteBuddyFile } from '@spritebuddy/core';
+import type { PixiNamespace, PixiTexture } from './pixi-types.js';
+export type { PixiNamespace } from './pixi-types.js';
+export interface SheetOptions {
+    /** Nearest-neighbour sampling, so pixel art stays crisp when scaled. Defaults to true. */
+    readonly pixelArt?: boolean;
+}
+export interface SpriteOptions {
+    /** Starts playing at once. Defaults to true. */
+    readonly autoPlay?: boolean;
+    /** Moves on with PixiJS's shared ticker. Defaults to true; turn off to call `update` yourself. */
+    readonly autoUpdate?: boolean;
+    /** Playback rate: 1 is normal. */
+    readonly speed?: number;
+}
+/** A loaded runtime file: one PixiJS texture per frame, ready to make sprites from. */
+export interface SpriteBuddySheet {
+    readonly file: SpriteBuddyFile;
+    /** One texture per frame, in file order. */
+    readonly textures: readonly PixiTexture[];
+    /** Animation names, in file order. */
+    readonly animations: readonly string[];
+    /** The texture of the frame called `name`. */
+    texture(name: string): PixiTexture | undefined;
+    /** A new animated sprite, playing `animation` (default: the first one). */
+    sprite(animation?: string, options?: SpriteOptions): SpriteBuddySprite;
+    /** Destroys the frame textures and the sheet image. */
+    destroy(): void;
+}
+/**
+ * An animated sprite: a container whose origin is where the character stands (the frame pivot).
+ * It draws the current frame and its layers as child sprites.
+ */
+export interface SpriteBuddySprite {
+    readonly sheet: SpriteBuddySheet;
+    readonly player: Player;
+    /** The animation playing (or last played). */
+    readonly animation: string | null;
+    readonly playing: boolean;
+    speed: number;
+    /** Called with the frame index each time the frame changes. */
+    onFrame: ((index: number) => void) | null;
+    /** Called when a `once` animation ends. */
+    onComplete: (() => void) | null;
+    /**
+     * Called for each frame event (such as `"hit"`) as its frame starts showing, with the frame's
+     * index in the animation. The sprite also emits `"event"` (name, index) and `"event:<name>"`
+     * (index), so `sprite.on('event:hit', ...)` works too.
+     */
+    onEvent: ((name: string, index: number) => void) | null;
+    play(animation: string, time?: number): this;
+    stop(): this;
+    /** Jumps to `ms` into the animation. */
+    seek(ms: number): this;
+    /** Moves time on by `ms` and redraws (called for you while `autoUpdate` is on). */
+    update(ms: number): this;
+    autoUpdate: boolean;
+    destroy(options?: unknown): void;
+    x: number;
+    y: number;
+    readonly children: readonly unknown[];
+    /** PixiJS's event emitter, typed loosely so any PixiJS version fits. */
+    on(event: string, listener: (...args: any[]) => void, context?: unknown): this;
+    off(event: string, listener?: (...args: any[]) => void, context?: unknown): this;
+}
+/** What `spriteBuddy(PIXI)` returns. */
+export interface SpriteBuddyPixi {
+    /** Loads a runtime file and its image. Works in every supported PixiJS version. */
+    load(url: string, options?: SheetOptions): Promise<SpriteBuddySheet>;
+    /** Makes a sheet from a parsed (or raw) runtime file and its already loaded image. */
+    sheet(file: SpriteBuddyFile | unknown, image: PixiTexture, options?: SheetOptions): SpriteBuddySheet;
+    /**
+     * PixiJS 7 and 8: an Assets loader extension, so `Assets.load('hero.anims.json')` resolves to
+     * a {@link SpriteBuddySheet}. Add it once with `extensions.add(sb.assetsParser)`.
+     */
+    readonly assetsParser: object;
+    /** Major PixiJS version detected: 5 or 6 (one code path), 7 or 8. */
+    readonly version: number;
+}
+/** The image's URL next to the runtime file's. */
+export declare function siblingUrl(fileUrl: string, image: string): string;
+/**
+ * Binds SpriteBuddy to your PixiJS: `const sb = spriteBuddy(PIXI)`. Passing the namespace in
+ * (rather than importing `pixi.js` here) lets one package serve PixiJS 5 through 8.
+ */
+export declare function spriteBuddy(PIXI: PixiNamespace): SpriteBuddyPixi;

package/dist/index.js

@@ -0,0 +1,205 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+import { FORMAT, parseFile, Player } from '@spritebuddy/core';
+const isFile = (v) => typeof v === 'object' && v !== null && 'animations' in v && 'width' in v && !('format' in v);
+/** The image's URL next to the runtime file's. */
+export function siblingUrl(fileUrl, image) {
+    if (/^([a-z][a-z0-9+.-]*:|\/)/i.test(image))
+        return image;
+    return fileUrl.replace(/[?#].*$/, '').replace(/[^/]*$/, '') + image;
+}
+/**
+ * Binds SpriteBuddy to your PixiJS: `const sb = spriteBuddy(PIXI)`. Passing the namespace in
+ * (rather than importing `pixi.js` here) lets one package serve PixiJS 5 through 8.
+ */
+export function spriteBuddy(PIXI) {
+    var _SpriteClass_instances, _SpriteClass_pool, _SpriteClass_auto, _SpriteClass_tick, _SpriteClass_draw;
+    const v8 = typeof PIXI.TextureSource === 'function';
+    const version = v8 ? 8 : typeof PIXI.Assets === 'object' ? 7 : 6;
+    const baseOf = (texture) => (v8 ? texture.source : texture.baseTexture);
+    function setNearest(texture) {
+        const base = baseOf(texture);
+        if (!base)
+            return;
+        base.scaleMode = v8 ? 'nearest' : (PIXI.SCALE_MODES?.NEAREST ?? 0);
+    }
+    function frameTexture(base, f) {
+        const R = PIXI.Rectangle;
+        const { x, y, w, h } = f.rect;
+        const frame = f.rotated ? new R(x, y, h, w) : new R(x, y, w, h);
+        const orig = new R(0, 0, f.width, f.height);
+        const trim = f.trim ? new R(f.trim.x, f.trim.y, w, h) : undefined;
+        // TexturePacker's "rotated" (90° clockwise on the sheet) is PixiJS's groupD8 rotation 2.
+        const rotate = f.rotated ? 2 : 0;
+        return v8
+            ? new PIXI.Texture({ source: base, frame, orig, trim, rotate, label: f.name })
+            : new PIXI.Texture(base, frame, orig, trim, rotate);
+    }
+    function makeSheet(raw, image, options = {}) {
+        const file = isFile(raw) ? raw : parseFile(raw);
+        if (options.pixelArt !== false)
+            setNearest(image);
+        const base = baseOf(image);
+        const textures = file.frames.map((f) => frameTexture(base, f));
+        const sheet = {
+            file,
+            textures,
+            animations: file.animations.map((a) => a.name),
+            texture: (name) => textures[file.frames.findIndex((f) => f.name === name)],
+            sprite: (animation, spriteOptions) => new SpriteClass(sheet, animation, spriteOptions),
+            destroy() {
+                for (const t of textures)
+                    t.destroy(false);
+                image.destroy(true);
+            },
+        };
+        return sheet;
+    }
+    const Container = PIXI.Container;
+    class SpriteClass extends Container {
+        constructor(sheet, animation, options = {}) {
+            super();
+            _SpriteClass_instances.add(this);
+            this.onFrame = null;
+            this.onComplete = null;
+            this.onEvent = null;
+            _SpriteClass_pool.set(this, []);
+            _SpriteClass_auto.set(this, false);
+            _SpriteClass_tick.set(this, () => this.update(PIXI.Ticker.shared.deltaMS));
+            this.sheet = sheet;
+            this.player = new Player(sheet.file, {
+                onFrame: (i) => this.onFrame?.(i),
+                onComplete: () => this.onComplete?.(),
+                onEvent: (name, index) => {
+                    this.onEvent?.(name, index);
+                    this.emit?.('event', name, index);
+                    this.emit?.(`event:${name}`, index);
+                },
+            });
+            if (options.speed !== undefined)
+                this.player.speed = options.speed;
+            const first = animation ?? sheet.animations[0];
+            if (first !== undefined) {
+                this.player.play(first);
+                if (options.autoPlay === false)
+                    this.player.stop();
+                __classPrivateFieldGet(this, _SpriteClass_instances, "m", _SpriteClass_draw).call(this);
+            }
+            this.autoUpdate = options.autoUpdate !== false;
+        }
+        get animation() {
+            return this.player.state.animation?.name ?? null;
+        }
+        get playing() {
+            return this.player.playing;
+        }
+        get speed() {
+            return this.player.speed;
+        }
+        set speed(value) {
+            this.player.speed = value;
+        }
+        get autoUpdate() {
+            return __classPrivateFieldGet(this, _SpriteClass_auto, "f");
+        }
+        set autoUpdate(on) {
+            if (on === __classPrivateFieldGet(this, _SpriteClass_auto, "f"))
+                return;
+            __classPrivateFieldSet(this, _SpriteClass_auto, on, "f");
+            if (on)
+                PIXI.Ticker.shared.add(__classPrivateFieldGet(this, _SpriteClass_tick, "f"));
+            else
+                PIXI.Ticker.shared.remove(__classPrivateFieldGet(this, _SpriteClass_tick, "f"));
+        }
+        play(animation, time = 0) {
+            this.player.play(animation, time);
+            __classPrivateFieldGet(this, _SpriteClass_instances, "m", _SpriteClass_draw).call(this);
+            return this;
+        }
+        stop() {
+            this.player.stop();
+            return this;
+        }
+        seek(ms) {
+            this.player.seek(ms);
+            __classPrivateFieldGet(this, _SpriteClass_instances, "m", _SpriteClass_draw).call(this);
+            return this;
+        }
+        update(ms) {
+            if (!this.player.playing)
+                return this;
+            this.player.update(ms);
+            __classPrivateFieldGet(this, _SpriteClass_instances, "m", _SpriteClass_draw).call(this);
+            return this;
+        }
+        destroy(options) {
+            this.autoUpdate = false;
+            super.destroy(options);
+        }
+    }
+    _SpriteClass_pool = new WeakMap(), _SpriteClass_auto = new WeakMap(), _SpriteClass_tick = new WeakMap(), _SpriteClass_instances = new WeakSet(), _SpriteClass_draw = function _SpriteClass_draw() {
+        const parts = this.player.parts;
+        while (__classPrivateFieldGet(this, _SpriteClass_pool, "f").length < parts.length) {
+            const s = new PIXI.Sprite(PIXI.Texture.EMPTY);
+            __classPrivateFieldGet(this, _SpriteClass_pool, "f").push(s);
+            this.addChild(s);
+        }
+        __classPrivateFieldGet(this, _SpriteClass_pool, "f").forEach((s, i) => {
+            const part = parts[i];
+            s.visible = !!part;
+            if (!part)
+                return;
+            s.texture = this.sheet.textures[part.index];
+            s.alpha = part.opacity;
+            s.scale.x = part.flipX ? -1 : 1;
+            s.scale.y = part.flipY ? -1 : 1;
+            s.x = part.x + (part.flipX ? part.frame.width : 0);
+            s.y = part.y + (part.flipY ? part.frame.height : 0);
+        });
+    };
+    async function loadImage(url) {
+        if (PIXI.Assets)
+            return PIXI.Assets.load(url);
+        return PIXI.Texture.fromURL(url);
+    }
+    const LOAD_PARSER = PIXI.ExtensionType?.LoadParser ?? 'load-parser';
+    return {
+        version,
+        sheet: makeSheet,
+        async load(url, options) {
+            const response = await fetch(url);
+            if (!response.ok)
+                throw new Error(`Couldn't load ${url}: ${response.status}`);
+            const file = parseFile(await response.json());
+            return makeSheet(file, await loadImage(siblingUrl(url, file.image)), options);
+        },
+        assetsParser: {
+            name: 'spritebuddy',
+            // Before PixiJS's own spritesheet parser, which would take any JSON with `frames`.
+            extension: { type: LOAD_PARSER, priority: 2, name: 'spritebuddy' },
+            async testParse(asset) {
+                return (typeof asset === 'object' &&
+                    asset !== null &&
+                    asset.format === FORMAT);
+            },
+            async parse(asset, resolved, loader) {
+                const file = parseFile(asset);
+                const image = await loader.load(siblingUrl(resolved?.src ?? '', file.image));
+                return makeSheet(file, image);
+            },
+            async unload(sheet) {
+                sheet.destroy();
+            },
+        },
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/pixi-types.d.ts

@@ -0,0 +1,25 @@
+/**
+ * The parts of a PixiJS namespace this package uses, typed loosely so that `import * as PIXI
+ * from 'pixi.js'` fits for PixiJS 5, 6, 7 and 8.
+ */
+export interface PixiTexture {
+    /** PixiJS 8. */
+    readonly source?: unknown;
+    /** PixiJS 5 to 7. */
+    readonly baseTexture?: unknown;
+    destroy(destroyBase?: boolean): void;
+}
+export interface PixiNamespace {
+    readonly Container: any;
+    readonly Sprite: any;
+    readonly Texture: any;
+    readonly Rectangle: any;
+    readonly Ticker: any;
+    /** PixiJS 8 only; used to tell versions apart. */
+    readonly TextureSource?: any;
+    /** PixiJS 7 and 8. */
+    readonly Assets?: any;
+    readonly ExtensionType?: any;
+    /** PixiJS 5 to 7. */
+    readonly SCALE_MODES?: any;
+}

package/dist/pixi-types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=pixi-types.js.map

package/dist/pixi-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pixi-types.js","sourceRoot":"","sources":["../src/pixi-types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,56 @@
 {
   "name": "@spritebuddy/pixi",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.2.0",
+  "description": "Play SpriteBuddy animations in PixiJS 5, 6, 7 and 8: per-frame timing, offsets and live layers.",
+  "license": "ISC",
+  "author": "Patrick Hammond",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Patrick-Hammond/spritebuddy-runtimes.git",
+    "directory": "packages/pixi"
+  },
+  "keywords": [
+    "spritebuddy",
+    "pixi",
+    "pixijs",
+    "spritesheet",
+    "animation",
+    "gamedev"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@spritebuddy/core": "^0.2.0"
+  },
+  "peerDependencies": {
+    "pixi.js": ">=5.3.0 <9"
+  },
+  "peerDependenciesMeta": {
+    "pixi.js": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "pixi5": "npm:pixi.js@5.3.12",
+    "pixi6": "npm:pixi.js@6.5.10",
+    "pixi7": "npm:pixi.js@7.4.3",
+    "pixi8": "npm:pixi.js@8.22.0"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "prepack": "npm run build",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  }
+}