kiwiengine 0.0.1-alpha

package/lib/game-object/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../src/game-object/transform.ts"],"names":[],"mappings":"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","sourcesContent":["class DirtyNumber {\n  #v: number;\n  #dirty: boolean;\n\n  constructor(v: number) {\n    this.#v = v;\n    this.#dirty = false;\n  }\n\n  get dirty(): boolean {\n    return this.#dirty;\n  }\n\n  get v(): number {\n    return this.#v;\n  }\n\n  set v(v: number) {\n    if (this.#v !== v) this.#dirty = true;\n    this.#v = v;\n  }\n\n  markClean() {\n    this.#dirty = false;\n  }\n}\n\nexport class LocalTransform {\n  x = new DirtyNumber(0);\n  y = new DirtyNumber(0);\n  pivotX = new DirtyNumber(0);\n  pivotY = new DirtyNumber(0);\n  scaleX = new DirtyNumber(1);\n  scaleY = new DirtyNumber(1);\n  rotation = new DirtyNumber(0);\n  alpha = new DirtyNumber(1);\n\n  markClean() {\n    this.x.markClean();\n    this.y.markClean();\n    this.pivotX.markClean();\n    this.pivotY.markClean();\n    this.scaleX.markClean();\n    this.scaleY.markClean();\n    this.rotation.markClean();\n    this.alpha.markClean();\n  }\n}\n\nexport class WorldTransform {\n  x = new DirtyNumber(0);\n  y = new DirtyNumber(0);\n  scaleX = new DirtyNumber(1);\n  scaleY = new DirtyNumber(1);\n  rotation = new DirtyNumber(0);\n  alpha = new DirtyNumber(1);\n\n  update(parent: WorldTransform, local: LocalTransform) {\n    const rx = local.x.v * parent.scaleX.v;\n    const ry = local.y.v * parent.scaleY.v;\n    const pCos = Math.cos(parent.rotation.v);\n    const pSin = Math.sin(parent.rotation.v);\n\n    this.scaleX.v = parent.scaleX.v * local.scaleX.v;\n    this.scaleY.v = parent.scaleY.v * local.scaleY.v;\n\n    const pivotX = local.pivotX.v * this.scaleX.v;\n    const pivotY = local.pivotY.v * this.scaleY.v;\n    const cos = Math.cos(local.rotation.v);\n    const sin = Math.sin(local.rotation.v);\n\n    this.x.v = parent.x.v + (rx * pCos - ry * pSin) - (pivotX * cos - pivotY * sin);\n    this.y.v = parent.y.v + (rx * pSin + ry * pCos) - (pivotX * sin + pivotY * cos);\n\n    this.rotation.v = parent.rotation.v + local.rotation.v;\n    this.alpha.v = parent.alpha.v * local.alpha.v;\n  }\n\n  markClean() {\n    this.x.markClean();\n    this.y.markClean();\n    this.scaleX.markClean();\n    this.scaleY.markClean();\n    this.rotation.markClean();\n    this.alpha.markClean();\n  }\n}\n\nexport function localOffsetToWorld(\n  world: WorldTransform,\n  ox: number,\n  oy: number\n): { x: number; y: number } {\n  const cos = Math.cos(world.rotation.v);\n  const sin = Math.sin(world.rotation.v);\n  const sx = ox * world.scaleX.v;\n  const sy = oy * world.scaleY.v;\n\n  const x = sx * cos - sy * sin;\n  const y = sx * sin + sy * cos;\n  return { x, y };\n}\n\nexport function worldToLocalWithNewWorld(\n  world: WorldTransform,\n  local: LocalTransform,\n  targetWorldX: number,\n  targetWorldY: number,\n  targetWorldRotation: number\n): {\n  x: number;\n  y: number;\n  rotation: number;\n  newWorldX: number;\n  newWorldY: number;\n  newWorldRotation: number;\n} {\n  const invLocalScaleX = local.scaleX.v !== 0 ? 1 / local.scaleX.v : 0;\n  const invLocalScaleY = local.scaleY.v !== 0 ? 1 / local.scaleY.v : 0;\n\n  const parentScaleX = world.scaleX.v * invLocalScaleX;\n  const parentScaleY = world.scaleY.v * invLocalScaleY;\n  const parentRot = world.rotation.v - local.rotation.v;\n\n  const pCos = Math.cos(parentRot);\n  const pSin = Math.sin(parentRot);\n\n  const cosOld = Math.cos(local.rotation.v);\n  const sinOld = Math.sin(local.rotation.v);\n\n  const pivotX = local.pivotX.v * world.scaleX.v;\n  const pivotY = local.pivotY.v * world.scaleY.v;\n\n  const rx0 = local.x.v * parentScaleX;\n  const ry0 = local.y.v * parentScaleY;\n\n  const parentX = world.x.v - (rx0 * pCos - ry0 * pSin) + (pivotX * cosOld - pivotY * sinOld);\n  const parentY = world.y.v - (rx0 * pSin + ry0 * pCos) + (pivotX * sinOld + pivotY * cosOld);\n\n  const rotation = targetWorldRotation - parentRot;\n\n  const cosNew = Math.cos(rotation);\n  const sinNew = Math.sin(rotation);\n\n  const tx = (targetWorldX - parentX) + (pivotX * cosNew - pivotY * sinNew);\n  const ty = (targetWorldY - parentY) + (pivotX * sinNew + pivotY * cosNew);\n\n  const rx = tx * pCos + ty * pSin;\n  const ry = -tx * pSin + ty * pCos;\n\n  const invParentScaleX = parentScaleX !== 0 ? 1 / parentScaleX : 0;\n  const invParentScaleY = parentScaleY !== 0 ? 1 / parentScaleY : 0;\n\n  const x = rx * invParentScaleX;\n  const y = ry * invParentScaleY;\n\n  const newRx = x * parentScaleX;\n  const newRy = y * parentScaleY;\n  const newWorldX = parentX + (newRx * pCos - newRy * pSin) - (pivotX * cosNew - pivotY * sinNew);\n  const newWorldY = parentY + (newRx * pSin + newRy * pCos) - (pivotX * sinNew + pivotY * cosNew);\n  const newWorldRotation = parentRot + rotation;\n\n  return { x, y, rotation, newWorldX, newWorldY, newWorldRotation };\n}\n"]}

package/lib/game-object-ext/animated-sprite.js

@@ -0,0 +1,117 @@
+import { AnimatedSprite } from 'pixi.js';
+import { getCachedId, spritesheetLoader } from '../asset/loaders/spritesheet';
+import { GameObject } from '../game-object/game-object';
+class AnimatedSpriteObject extends GameObject {
+    #id;
+    #sheet;
+    #sprite;
+    #src;
+    #atlas;
+    #animation;
+    #fps;
+    #loop;
+    constructor(opts) {
+        super(opts);
+        if (opts) {
+            if (opts.src)
+                this.src = opts.src;
+            if (opts.atlas)
+                this.atlas = opts.atlas;
+            if (opts.animation)
+                this.animation = opts.animation;
+            if (opts.fps)
+                this.fps = opts.fps;
+            if (opts.loop)
+                this.loop = opts.loop;
+        }
+    }
+    #updateAnimation() {
+        this.#sprite?.destroy();
+        this.#sprite = undefined;
+        if (this.#sheet && this.#animation) {
+            if (!this.#sheet.animations[this.#animation]) {
+                console.error(`Animation not found: ${this.#animation}`);
+                return;
+            }
+            const sprite = new AnimatedSprite(this.#sheet.animations[this.#animation]);
+            sprite.anchor.set(0.5, 0.5);
+            sprite.loop = this.#loop ?? true;
+            sprite.animationSpeed = (this.#fps ?? 0) / 60;
+            sprite.play();
+            this._addPixiChild(sprite);
+            this.#sprite = sprite;
+            sprite.onLoop = () => this.emit('animationend', this.#animation);
+            sprite.onComplete = () => this.emit('animationend', this.#animation);
+        }
+    }
+    async #load() {
+        if (this.#id)
+            spritesheetLoader.release(this.#id);
+        this.#id = undefined;
+        this.#sheet = undefined;
+        this.#sprite?.destroy();
+        this.#sprite = undefined;
+        if (this.#src && this.#atlas) {
+            this.#id = getCachedId(this.#src, this.#atlas);
+            if (!spritesheetLoader.checkLoaded(this.#id)) {
+                console.info(`Spritesheet not preloaded. Loading now: ${this.#id}`);
+            }
+            this.#sheet = await spritesheetLoader.load(this.#id, this.#src, this.#atlas);
+        }
+        this.#updateAnimation();
+    }
+    get src() {
+        return this.#src;
+    }
+    set src(src) {
+        if (this.#src !== src) {
+            this.#src = src;
+            this.#load();
+        }
+    }
+    get atlas() {
+        return this.#atlas;
+    }
+    set atlas(atlas) {
+        if (this.#atlas !== atlas) {
+            this.#atlas = atlas;
+            this.#load();
+        }
+    }
+    get animation() {
+        return this.#animation;
+    }
+    set animation(animation) {
+        if (this.#animation !== animation) {
+            this.#animation = animation;
+            this.#updateAnimation();
+        }
+    }
+    get fps() {
+        return this.#fps;
+    }
+    set fps(fps) {
+        if (this.#fps !== fps) {
+            this.#fps = fps;
+            if (this.#sprite)
+                this.#sprite.animationSpeed = (fps ?? 0) / 60;
+        }
+    }
+    get loop() {
+        return this.#loop;
+    }
+    set loop(loop) {
+        if (this.#loop !== loop) {
+            this.#loop = loop;
+            if (this.#sprite)
+                this.#sprite.loop = loop === true;
+        }
+    }
+    remove() {
+        if (this.#id)
+            spritesheetLoader.release(this.#id);
+        super.remove();
+    }
+}
+export { AnimatedSpriteObject };
+//# sourceMappingURL=animated-sprite.js.map

package/lib/game-object-ext/animated-sprite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-sprite.js","sourceRoot":"","sources":["../../src/game-object-ext/animated-sprite.ts"],"names":[],"mappings":"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","sourcesContent":["import { EventMap } from '@webtaku/event-emitter';\nimport { AnimatedSprite, Spritesheet, SpritesheetData } from 'pixi.js';\nimport { getCachedId, spritesheetLoader } from '../asset/loaders/spritesheet';\nimport { GameObject, GameObjectOptions } from '../game-object/game-object';\n\ntype AnimatedSpriteOptions = {\n  src?: string;\n  atlas?: SpritesheetData;\n  animation?: string;\n  fps?: number;\n  loop?: boolean;\n} & GameObjectOptions;\n\nclass AnimatedSpriteObject<E extends EventMap = EventMap> extends GameObject<E & {\n  animationend: (animation: string) => void;\n}> {\n  #id?: string;\n  #sheet?: Spritesheet;\n  #sprite?: AnimatedSprite;\n\n  #src?: string;\n  #atlas?: SpritesheetData;\n  #animation?: string;\n  #fps?: number;\n  #loop?: boolean;\n\n  constructor(opts?: AnimatedSpriteOptions) {\n    super(opts);\n    if (opts) {\n      if (opts.src) this.src = opts.src;\n      if (opts.atlas) this.atlas = opts.atlas;\n      if (opts.animation) this.animation = opts.animation;\n      if (opts.fps) this.fps = opts.fps;\n      if (opts.loop) this.loop = opts.loop;\n    }\n  }\n\n  #updateAnimation() {\n    this.#sprite?.destroy();\n    this.#sprite = undefined;\n\n    if (this.#sheet && this.#animation) {\n      if (!this.#sheet.animations[this.#animation]) {\n        console.error(`Animation not found: ${this.#animation}`);\n        return;\n      }\n      const sprite = new AnimatedSprite(this.#sheet.animations[this.#animation]);\n      sprite.anchor.set(0.5, 0.5);\n      sprite.loop = this.#loop ?? true;\n      sprite.animationSpeed = (this.#fps ?? 0) / 60;\n      sprite.play();\n      this._addPixiChild(sprite);\n      this.#sprite = sprite;\n\n      sprite.onLoop = () => (this as any).emit('animationend', this.#animation);\n      sprite.onComplete = () => (this as any).emit('animationend', this.#animation);\n    }\n  }\n\n  async #load() {\n    if (this.#id) spritesheetLoader.release(this.#id);\n\n    this.#id = undefined;\n    this.#sheet = undefined;\n    this.#sprite?.destroy();\n    this.#sprite = undefined;\n\n    if (this.#src && this.#atlas) {\n      this.#id = getCachedId(this.#src, this.#atlas);\n      if (!spritesheetLoader.checkLoaded(this.#id)) {\n        console.info(`Spritesheet not preloaded. Loading now: ${this.#id}`);\n      }\n      this.#sheet = await spritesheetLoader.load(this.#id, this.#src, this.#atlas);\n    }\n\n    this.#updateAnimation();\n  }\n\n  get src() {\n    return this.#src;\n  }\n\n  set src(src: string | undefined) {\n    if (this.#src !== src) {\n      this.#src = src;\n      this.#load();\n    }\n  }\n\n  get atlas() {\n    return this.#atlas;\n  }\n\n  set atlas(atlas: SpritesheetData | undefined) {\n    if (this.#atlas !== atlas) {\n      this.#atlas = atlas;\n      this.#load();\n    }\n  }\n\n  get animation() {\n    return this.#animation;\n  }\n\n  set animation(animation: string | undefined) {\n    if (this.#animation !== animation) {\n      this.#animation = animation;\n      this.#updateAnimation();\n    }\n  }\n\n  get fps() {\n    return this.#fps;\n  }\n\n  set fps(fps: number | undefined) {\n    if (this.#fps !== fps) {\n      this.#fps = fps;\n      if (this.#sprite) this.#sprite.animationSpeed = (fps ?? 0) / 60;\n    }\n  }\n\n  get loop() {\n    return this.#loop;\n  }\n\n  set loop(loop: boolean | undefined) {\n    if (this.#loop !== loop) {\n      this.#loop = loop;\n      if (this.#sprite) this.#sprite.loop = loop === true;\n    }\n  }\n\n  remove() {\n    if (this.#id) spritesheetLoader.release(this.#id);\n    super.remove();\n  }\n}\n\nexport { AnimatedSpriteObject };\n"]}

package/lib/game-object-ext/dom-container.js

@@ -0,0 +1,56 @@
+import { GameObject } from "../game-object/game-object";
+export class DomContainerObject extends GameObject {
+    #el;
+    constructor(opts) {
+        super(opts);
+        if (opts) {
+            if (opts.el)
+                this.el = opts.el;
+        }
+    }
+    _setWorld(world) {
+        super._setWorld(world);
+        if (this.#el)
+            world.container.appendChild(this.#el);
+    }
+    get el() {
+        return this.#el;
+    }
+    set el(el) {
+        this.#el = el;
+        if (el) {
+            el.style.position = 'absolute';
+            el.style.left = '0';
+            el.style.top = '0';
+            el.style.zIndex = '1';
+            const world = this._getWorld();
+            if (world)
+                world.container.appendChild(el);
+        }
+    }
+    _afterRender() {
+        const world = this._getWorld();
+        if (world && this.#el) {
+            if (world._containerSizeDirty ||
+                this._wt.x.dirty ||
+                this._wt.y.dirty ||
+                this._wt.scaleX.dirty ||
+                this._wt.scaleY.dirty ||
+                this._wt.rotation.dirty) {
+                const R = world._worldRendering;
+                const S = R.renderScale;
+                this.#el.style.transform = `
+        translate(
+          calc(-50% + ${this._wt.x.v * S + R.canvasLeft + R.centerX * S}px),
+          calc(-50% + ${this._wt.y.v * S + R.canvasTop + R.centerY * S}px)
+        )
+        scale(${this._wt.scaleX.v * S}, ${this._wt.scaleY.v * S})
+        rotate(${this._wt.rotation.v}rad)
+      `;
+            }
+            if (this._wt.alpha.dirty)
+                this.#el.style.opacity = this._wt.alpha.v.toString();
+        }
+    }
+}
+//# sourceMappingURL=dom-container.js.map

package/lib/game-object-ext/dom-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-container.js","sourceRoot":"","sources":["../../src/game-object-ext/dom-container.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAqB,MAAM,4BAA4B,CAAC;AAO3E,MAAM,OAAO,kBAAkD,SAAQ,UAAa;IAClF,GAAG,CAAe;IAElB,YAAY,IAAgC;QAC1C,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,IAAI,CAAC,EAAE;gBAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;QACjC,CAAC;IACH,CAAC;IAES,SAAS,CAAC,KAAY;QAC9B,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,IAAI,CAAC,GAAG;YAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtD,CAAC;IAED,IAAI,EAAE;QACJ,OAAO,IAAI,CAAC,GAAG,CAAC;IAClB,CAAC;IAED,IAAI,EAAE,CAAC,EAA2B;QAChC,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC;QACd,IAAI,EAAE,EAAE,CAAC;YACP,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;YAC/B,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;YACpB,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;YACnB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;YAEtB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAC/B,IAAI,KAAK;gBAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;IAED,YAAY;QACV,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC/B,IAAI,KAAK,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACtB,IACE,KAAK,CAAC,mBAAmB;gBACzB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;gBAChB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;gBAChB,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK;gBACrB,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK;gBACrB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EACvB,CAAC;gBACD,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC;gBAChC,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC;gBAExB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG;;wBAEX,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,OAAO,GAAG,CAAC;wBAC/C,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,GAAG,CAAC;;gBAEtD,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC;iBAC9C,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;OAC7B,CAAC;YACF,CAAC;YACD,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK;gBAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACjF,CAAC;IACH,CAAC;CACF","sourcesContent":["import { EventMap } from '@webtaku/event-emitter';\nimport { GameObject, GameObjectOptions } from \"../game-object/game-object\";\nimport { World } from '../world/world';\n\ntype DomContainerObjectOptions = {\n  el?: HTMLElement;\n} & GameObjectOptions;\n\nexport class DomContainerObject<E extends EventMap = EventMap> extends GameObject<E> {\n  #el?: HTMLElement;\n\n  constructor(opts?: DomContainerObjectOptions) {\n    super(opts);\n    if (opts) {\n      if (opts.el) this.el = opts.el;\n    }\n  }\n\n  protected _setWorld(world: World): void {\n    super._setWorld(world);\n    if (this.#el) world.container.appendChild(this.#el);\n  }\n\n  get el() {\n    return this.#el;\n  }\n\n  set el(el: HTMLElement | undefined) {\n    this.#el = el;\n    if (el) {\n      el.style.position = 'absolute';\n      el.style.left = '0';\n      el.style.top = '0';\n      el.style.zIndex = '1';\n\n      const world = this._getWorld();\n      if (world) world.container.appendChild(el);\n    }\n  }\n\n  _afterRender() {\n    const world = this._getWorld();\n    if (world && this.#el) {\n      if (\n        world._containerSizeDirty ||\n        this._wt.x.dirty ||\n        this._wt.y.dirty ||\n        this._wt.scaleX.dirty ||\n        this._wt.scaleY.dirty ||\n        this._wt.rotation.dirty\n      ) {\n        const R = world._worldRendering;\n        const S = R.renderScale;\n\n        this.#el.style.transform = `\n        translate(\n          calc(-50% + ${this._wt.x.v * S + R.canvasLeft + R.centerX * S}px),\n          calc(-50% + ${this._wt.y.v * S + R.canvasTop + R.centerY * S}px)\n        )\n        scale(${this._wt.scaleX.v * S}, ${this._wt.scaleY.v * S})\n        rotate(${this._wt.rotation.v}rad)\n      `;\n      }\n      if (this._wt.alpha.dirty) this.#el.style.opacity = this._wt.alpha.v.toString();\n    }\n  }\n}\n"]}

package/lib/game-object-ext/rect.js

@@ -0,0 +1,30 @@
+import { Graphics } from 'pixi.js';
+import { GameObject } from '../game-object/game-object';
+class RectangleObject extends GameObject {
+    #graphics = new Graphics({ zIndex: -999999 });
+    #width = 0;
+    #height = 0;
+    #fill;
+    #stroke;
+    constructor() {
+        super();
+        this._addPixiChild(this.#graphics);
+    }
+    #draw() {
+        this.#graphics.clear().rect(-this.#width / 2, -this.#height / 2, this.#width, this.#height);
+        if (this.#fill)
+            this.#graphics.fill(this.#fill);
+        if (this.#stroke)
+            this.#graphics.stroke(this.#stroke);
+    }
+    get width() { return this.#width; }
+    set width(value) { this.#width = value; this.#draw(); }
+    get height() { return this.#height; }
+    set height(value) { this.#height = value; this.#draw(); }
+    get fill() { return this.#fill; }
+    set fill(value) { this.#fill = value; this.#draw(); }
+    get stroke() { return this.#stroke; }
+    set stroke(value) { this.#stroke = value; this.#draw(); }
+}
+export { RectangleObject };
+//# sourceMappingURL=rect.js.map

package/lib/game-object-ext/rect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect.js","sourceRoot":"","sources":["../../src/game-object-ext/rect.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,QAAQ,EAAe,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,MAAM,eAA+C,SAAQ,UAAa;IACxE,SAAS,GAAG,IAAI,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;IAC9C,MAAM,GAAW,CAAC,CAAC;IACnB,OAAO,GAAW,CAAC,CAAC;IACpB,KAAK,CAAa;IAClB,OAAO,CAAe;IAEtB;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC;IAED,KAAK;QACH,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,IAAI,CACzB,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAChB,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,EACjB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,OAAO,CACb,CAAC;QACF,IAAI,IAAI,CAAC,KAAK;YAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChD,IAAI,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC;IAED,IAAI,KAAK,KAAa,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,IAAI,KAAK,CAAC,KAAa,IAAI,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC/D,IAAI,MAAM,KAAa,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7C,IAAI,MAAM,CAAC,KAAa,IAAI,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAEjE,IAAI,IAAI,KAA4B,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACxD,IAAI,IAAI,CAAC,KAA4B,IAAI,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAE5E,IAAI,MAAM,KAA8B,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,IAAI,MAAM,CAAC,KAA8B,IAAI,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;CACnF;AAED,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import { EventMap } from '@webtaku/event-emitter';\nimport { FillInput, Graphics, StrokeInput } from 'pixi.js';\nimport { GameObject } from '../game-object/game-object';\n\nclass RectangleObject<E extends EventMap = EventMap> extends GameObject<E> {\n  #graphics = new Graphics({ zIndex: -999999 });\n  #width: number = 0;\n  #height: number = 0;\n  #fill?: FillInput;\n  #stroke?: StrokeInput;\n\n  constructor() {\n    super();\n    this._addPixiChild(this.#graphics);\n  }\n\n  #draw() {\n    this.#graphics.clear().rect(\n      -this.#width / 2,\n      -this.#height / 2,\n      this.#width,\n      this.#height,\n    );\n    if (this.#fill) this.#graphics.fill(this.#fill);\n    if (this.#stroke) this.#graphics.stroke(this.#stroke);\n  }\n\n  get width(): number { return this.#width; }\n  set width(value: number) { this.#width = value; this.#draw(); }\n  get height(): number { return this.#height; }\n  set height(value: number) { this.#height = value; this.#draw(); }\n\n  get fill(): FillInput | undefined { return this.#fill; }\n  set fill(value: FillInput | undefined) { this.#fill = value; this.#draw(); }\n\n  get stroke(): StrokeInput | undefined { return this.#stroke; }\n  set stroke(value: StrokeInput | undefined) { this.#stroke = value; this.#draw(); }\n}\n\nexport { RectangleObject };\n"]}

package/lib/game-object-ext/spine.js

@@ -0,0 +1,206 @@
+import { AtlasAttachmentLoader, SkeletonBinary, SkeletonJson, Skin, Spine, SpineTexture, TextureAtlas } from '@esotericsoftware/spine-pixi-v8';
+import { binaryLoader } from '../asset/loaders/binary';
+import { textLoader } from '../asset/loaders/text';
+import { textureLoader } from '../asset/loaders/texture';
+import { GameObject } from '../game-object/game-object';
+class SpineObject extends GameObject {
+    #spine;
+    #atlas;
+    #skeletonData;
+    #skel;
+    #json;
+    #texture;
+    #skins;
+    #animation;
+    #loop;
+    constructor(opts) {
+        super(opts);
+        if (opts) {
+            if (opts.atlas)
+                this.atlas = opts.atlas;
+            if (opts.skeletonData)
+                this.skeletonData = opts.skeletonData;
+            if (opts.skel)
+                this.skel = opts.skel;
+            if (opts.json)
+                this.json = opts.json;
+            if (opts.texture)
+                this.texture = opts.texture;
+            if (opts.skins)
+                this.skins = opts.skins;
+            if (opts.animation)
+                this.animation = opts.animation;
+            if (opts.loop)
+                this.loop = opts.loop;
+        }
+    }
+    async #load() {
+        if (this.#atlas && (this.#skeletonData ||
+            this.#skel ||
+            this.#json)) {
+            const promises = [];
+            let textAtlasData;
+            let skeletonBynary;
+            let textSkeletonData;
+            let texture;
+            let textures;
+            if (!textLoader.checkLoaded(this.#atlas))
+                console.info(`Atlas not preloaded. Loading now: ${this.#atlas}`);
+            promises.push((async () => textAtlasData = await textLoader.load(this.#atlas))());
+            if (this.#skeletonData) {
+                // Skeleton data is already loaded, no need to load again
+            }
+            else if (this.#skel) {
+                if (!binaryLoader.checkLoaded(this.#skel))
+                    console.info(`Skeleton not preloaded. Loading now: ${this.#skel}`);
+                promises.push((async () => skeletonBynary = await binaryLoader.load(this.#skel))());
+            }
+            else if (this.#json) {
+                if (!textLoader.checkLoaded(this.#json))
+                    console.info(`Skeleton not preloaded. Loading now: ${this.#json}`);
+                promises.push((async () => textSkeletonData = await textLoader.load(this.#json))());
+            }
+            else {
+                console.error('Either skel or json must be provided');
+                return;
+            }
+            if (typeof this.#texture === 'string') {
+                if (!textureLoader.checkLoaded(this.#texture))
+                    console.info(`Texture not preloaded. Loading now: ${this.#texture}`);
+                promises.push((async () => texture = await textureLoader.load(this.#texture))());
+            }
+            else if (this.#texture) {
+                textures = {};
+                for (const [key, path] of Object.entries(this.#texture)) {
+                    if (!textureLoader.checkLoaded(path))
+                        console.info(`Texture not preloaded. Loading now: ${path}`);
+                    promises.push((async () => {
+                        const texture = await textureLoader.load(path);
+                        if (texture)
+                            textures[key] = texture;
+                    })());
+                }
+            }
+            await Promise.all(promises);
+            if (texture || textures) {
+                const atlas = new TextureAtlas(textAtlasData);
+                atlas.pages.forEach((page) => {
+                    if (texture)
+                        page.setTexture(SpineTexture.from(texture.source));
+                    else if (textures) {
+                        page.setTexture(SpineTexture.from(textures[page.name].source));
+                    }
+                });
+                const atlasLoader = new AtlasAttachmentLoader(atlas);
+                let skeletonData;
+                if (this.#skeletonData) {
+                    const jsonLoader = new SkeletonJson(atlasLoader);
+                    skeletonData = jsonLoader.readSkeletonData(this.#skeletonData);
+                }
+                else if (skeletonBynary) {
+                    const binaryLoader = new SkeletonBinary(atlasLoader);
+                    skeletonData = binaryLoader.readSkeletonData(skeletonBynary);
+                }
+                else if (textSkeletonData) {
+                    const jsonLoader = new SkeletonJson(atlasLoader);
+                    skeletonData = jsonLoader.readSkeletonData(textSkeletonData);
+                }
+                else {
+                    console.error('Either skel or json must be provided');
+                    return;
+                }
+                this.#spine = new Spine(skeletonData);
+                this.#applyAnimation();
+                this.#applySkins();
+                this._addPixiChild(this.#spine);
+            }
+        }
+    }
+    #applyAnimation() {
+        if (this.#spine && this.#animation) {
+            this.#spine.state.setAnimation(0, this.#animation, this.#loop ?? true);
+            this.#spine.state.apply(this.#spine.skeleton);
+        }
+    }
+    #applySkins() {
+        if (this.#spine && this.#skins) {
+            const newSkin = new Skin('combined-skin');
+            for (const skinName of this.#skins) {
+                const skin = this.#spine.skeleton.data.findSkin(skinName);
+                if (skin)
+                    newSkin.addSkin(skin);
+            }
+            this.#spine.skeleton.setSkin(newSkin);
+            this.#spine.skeleton.setSlotsToSetupPose();
+        }
+    }
+    get atlas() {
+        return this.#atlas;
+    }
+    set atlas(atlas) {
+        this.#atlas = atlas;
+        this.#load();
+    }
+    get skeletonData() {
+        return this.#skeletonData;
+    }
+    set skeletonData(skeletonData) {
+        this.#skeletonData = skeletonData;
+        this.#load();
+    }
+    get skel() {
+        return this.#skel;
+    }
+    set skel(skel) {
+        this.#skel = skel;
+        this.#load();
+    }
+    get json() {
+        return this.#json;
+    }
+    set json(json) {
+        this.#json = json;
+        this.#load();
+    }
+    get texture() {
+        return this.#texture;
+    }
+    set texture(texture) {
+        this.#texture = texture;
+        this.#load();
+    }
+    get skins() {
+        return this.#skins;
+    }
+    set skins(skins) {
+        this.#skins = skins;
+        this.#applySkins();
+    }
+    get animation() {
+        return this.#animation;
+    }
+    set animation(animation) {
+        this.#animation = animation;
+        this.#applyAnimation();
+    }
+    get loop() {
+        return this.#loop;
+    }
+    set loop(loop) {
+        this.#loop = loop;
+        this.#applyAnimation();
+    }
+    remove() {
+        if (typeof this.#texture === 'string') {
+            textureLoader.release(this.#texture);
+        }
+        else if (this.#texture) {
+            for (const path of Object.values(this.#texture)) {
+                textureLoader.release(path);
+            }
+        }
+        super.remove();
+    }
+}
+export { SpineObject };
+//# sourceMappingURL=spine.js.map

package/lib/game-object-ext/spine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spine.js","sourceRoot":"","sources":["../../src/game-object-ext/spine.ts"],"names":[],"mappings":"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","sourcesContent":["import { AtlasAttachmentLoader, SkeletonBinary, SkeletonData, SkeletonJson, Skin, Spine, SpineTexture, TextureAtlas } from '@esotericsoftware/spine-pixi-v8';\nimport { EventMap } from '@webtaku/event-emitter';\nimport { Texture } from 'pixi.js';\nimport { binaryLoader } from '../asset/loaders/binary';\nimport { textLoader } from '../asset/loaders/text';\nimport { textureLoader } from '../asset/loaders/texture';\nimport { GameObject, GameObjectOptions } from '../game-object/game-object';\n\ntype SpineOptions = {\n  atlas?: string;\n  skeletonData?: any;\n  skel?: string;\n  json?: string;\n  texture?: string | Record<string, string>;\n  skins?: string[];\n  animation?: string;\n  loop?: boolean;\n} & GameObjectOptions;\n\nclass SpineObject<E extends EventMap = EventMap> extends GameObject<E> {\n  #spine?: Spine;\n\n  #atlas?: string;\n  #skeletonData?: any;\n  #skel?: string;\n  #json?: string;\n  #texture?: string | Record<string, string>;\n  #skins?: string[];\n  #animation?: string;\n  #loop?: boolean;\n\n  constructor(opts?: SpineOptions) {\n    super(opts);\n    if (opts) {\n      if (opts.atlas) this.atlas = opts.atlas;\n      if (opts.skeletonData) this.skeletonData = opts.skeletonData;\n      if (opts.skel) this.skel = opts.skel;\n      if (opts.json) this.json = opts.json;\n      if (opts.texture) this.texture = opts.texture;\n      if (opts.skins) this.skins = opts.skins;\n      if (opts.animation) this.animation = opts.animation;\n      if (opts.loop) this.loop = opts.loop;\n    }\n  }\n\n  async #load() {\n    if (this.#atlas && (\n      this.#skeletonData ||\n      this.#skel ||\n      this.#json\n    )) {\n      const promises: Promise<any>[] = [];\n\n      let textAtlasData: string | undefined;\n      let skeletonBynary: Uint8Array | undefined;\n      let textSkeletonData: string | undefined;\n\n      let texture: Texture | undefined;\n      let textures: Record<string, Texture> | undefined;\n\n      if (!textLoader.checkLoaded(this.#atlas)) console.info(`Atlas not preloaded. Loading now: ${this.#atlas}`);\n      promises.push((async () => textAtlasData = await textLoader.load(this.#atlas!))());\n\n      if (this.#skeletonData) {\n        // Skeleton data is already loaded, no need to load again\n      } else if (this.#skel) {\n        if (!binaryLoader.checkLoaded(this.#skel)) console.info(`Skeleton not preloaded. Loading now: ${this.#skel}`);\n        promises.push((async () => skeletonBynary = await binaryLoader.load(this.#skel!))());\n      } else if (this.#json) {\n        if (!textLoader.checkLoaded(this.#json)) console.info(`Skeleton not preloaded. Loading now: ${this.#json}`);\n        promises.push((async () => textSkeletonData = await textLoader.load(this.#json!))());\n      } else {\n        console.error('Either skel or json must be provided');\n        return;\n      }\n\n      if (typeof this.#texture === 'string') {\n        if (!textureLoader.checkLoaded(this.#texture)) console.info(`Texture not preloaded. Loading now: ${this.#texture}`);\n        promises.push((async () => texture = await textureLoader.load(this.#texture as string))());\n      } else if (this.#texture) {\n        textures = {};\n        for (const [key, path] of Object.entries(this.#texture)) {\n          if (!textureLoader.checkLoaded(path)) console.info(`Texture not preloaded. Loading now: ${path}`);\n          promises.push((async () => {\n            const texture = await textureLoader.load(path);\n            if (texture) textures[key] = texture;\n          })());\n        }\n      }\n\n      await Promise.all(promises);\n\n      if (texture || textures) {\n        const atlas = new TextureAtlas(textAtlasData!);\n        atlas.pages.forEach((page) => {\n          if (texture) page.setTexture(SpineTexture.from(texture.source));\n          else if (textures) {\n            page.setTexture(SpineTexture.from(textures[page.name].source));\n          }\n        });\n\n        const atlasLoader = new AtlasAttachmentLoader(atlas);\n\n        let skeletonData: SkeletonData;\n        if (this.#skeletonData) {\n          const jsonLoader = new SkeletonJson(atlasLoader);\n          skeletonData = jsonLoader.readSkeletonData(this.#skeletonData);\n        } else if (skeletonBynary) {\n          const binaryLoader = new SkeletonBinary(atlasLoader);\n          skeletonData = binaryLoader.readSkeletonData(skeletonBynary);\n        } else if (textSkeletonData) {\n          const jsonLoader = new SkeletonJson(atlasLoader);\n          skeletonData = jsonLoader.readSkeletonData(textSkeletonData);\n        } else {\n          console.error('Either skel or json must be provided');\n          return;\n        }\n\n        this.#spine = new Spine(skeletonData);\n        this.#applyAnimation();\n        this.#applySkins();\n\n        this._addPixiChild(this.#spine);\n      }\n    }\n  }\n\n  #applyAnimation() {\n    if (this.#spine && this.#animation) {\n      this.#spine.state.setAnimation(\n        0,\n        this.#animation,\n        this.#loop ?? true,\n      );\n      this.#spine.state.apply(this.#spine.skeleton);\n    }\n  }\n\n  #applySkins() {\n    if (this.#spine && this.#skins) {\n      const newSkin = new Skin('combined-skin');\n      for (const skinName of this.#skins) {\n        const skin = this.#spine.skeleton.data.findSkin(skinName);\n        if (skin) newSkin.addSkin(skin);\n      }\n      this.#spine.skeleton.setSkin(newSkin);\n      this.#spine.skeleton.setSlotsToSetupPose();\n    }\n  }\n\n  get atlas() {\n    return this.#atlas;\n  }\n\n  set atlas(atlas: string | undefined) {\n    this.#atlas = atlas;\n    this.#load();\n  }\n\n  get skeletonData() {\n    return this.#skeletonData;\n  }\n\n  set skeletonData(skeletonData: any | undefined) {\n    this.#skeletonData = skeletonData;\n    this.#load();\n  }\n\n  get skel() {\n    return this.#skel;\n  }\n\n  set skel(skel: string | undefined) {\n    this.#skel = skel;\n    this.#load();\n  }\n\n  get json() {\n    return this.#json;\n  }\n\n  set json(json: string | undefined) {\n    this.#json = json;\n    this.#load();\n  }\n\n  get texture() {\n    return this.#texture;\n  }\n\n  set texture(texture: string | Record<string, string> | undefined) {\n    this.#texture = texture;\n    this.#load();\n  }\n\n  get skins() {\n    return this.#skins;\n  }\n\n  set skins(skins: string[] | undefined) {\n    this.#skins = skins;\n    this.#applySkins();\n  }\n\n  get animation() {\n    return this.#animation;\n  }\n\n  set animation(animation: string | undefined) {\n    this.#animation = animation;\n    this.#applyAnimation();\n  }\n\n  get loop() {\n    return this.#loop;\n  }\n\n  set loop(loop: boolean | undefined) {\n    this.#loop = loop;\n    this.#applyAnimation();\n  }\n\n  remove() {\n    if (typeof this.#texture === 'string') {\n      textureLoader.release(this.#texture);\n    } else if (this.#texture) {\n      for (const path of Object.values(this.#texture)) {\n        textureLoader.release(path);\n      }\n    }\n    super.remove();\n  }\n}\n\nexport { SpineObject };\n"]}

package/lib/game-object-ext/sprite.js

@@ -0,0 +1,46 @@
+import { Sprite } from 'pixi.js';
+import { textureLoader } from '../asset/loaders/texture';
+import { GameObject } from '../game-object/game-object';
+class SpriteObject extends GameObject {
+    #sprite;
+    #src;
+    constructor(opts) {
+        super(opts);
+        if (opts) {
+            if (opts.src)
+                this.src = opts.src;
+        }
+    }
+    async #load() {
+        this.#sprite?.destroy({ children: true });
+        this.#sprite = undefined;
+        if (this.#src) {
+            if (!textureLoader.checkLoaded(this.#src)) {
+                console.info(`Texture not preloaded. Loading now: ${this.#src}`);
+            }
+            const texture = await textureLoader.load(this.#src);
+            if (texture) {
+                this.#sprite = new Sprite({ texture, anchor: 0.5, zIndex: -999999 });
+                this._addPixiChild(this.#sprite);
+            }
+        }
+    }
+    get src() {
+        return this.#src;
+    }
+    set src(src) {
+        if (this.#src !== src) {
+            if (this.#src)
+                textureLoader.release(this.#src);
+            this.#src = src;
+            this.#load();
+        }
+    }
+    remove() {
+        if (this.#src)
+            textureLoader.release(this.#src);
+        super.remove();
+    }
+}
+export { SpriteObject };
+//# sourceMappingURL=sprite.js.map

package/lib/game-object-ext/sprite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sprite.js","sourceRoot":"","sources":["../../src/game-object-ext/sprite.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAqB,MAAM,4BAA4B,CAAC;AAM3E,MAAM,YAA4C,SAAQ,UAAa;IACrE,OAAO,CAAU;IACjB,IAAI,CAAU;IAEd,YAAY,IAAoB;QAC9B,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,IAAI,CAAC,GAAG;gBAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;QACpC,CAAC;IACH,CAAC;IAED,KAAK,CAAC,KAAK;QACT,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1C,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;QAEzB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC1C,OAAO,CAAC,IAAI,CAAC,uCAAuC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;YACnE,CAAC;YACD,MAAM,OAAO,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACpD,IAAI,OAAO,EAAE,CAAC;gBACZ,IAAI,CAAC,OAAO,GAAG,IAAI,MAAM,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;gBACrE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,IAAI,GAAG,CAAC,GAAuB;QAC7B,IAAI,IAAI,CAAC,IAAI,KAAK,GAAG,EAAE,CAAC;YACtB,IAAI,IAAI,CAAC,IAAI;gBAAE,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAChD,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;YAChB,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;IACH,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,IAAI;YAAE,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChD,KAAK,CAAC,MAAM,EAAE,CAAC;IACjB,CAAC;CACF;AAED,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import { EventMap } from '@webtaku/event-emitter';\nimport { Sprite } from 'pixi.js';\nimport { textureLoader } from '../asset/loaders/texture';\nimport { GameObject, GameObjectOptions } from '../game-object/game-object';\n\ntype SpriteOptions = {\n  src?: string;\n} & GameObjectOptions;\n\nclass SpriteObject<E extends EventMap = EventMap> extends GameObject<E> {\n  #sprite?: Sprite;\n  #src?: string;\n\n  constructor(opts?: SpriteOptions) {\n    super(opts);\n    if (opts) {\n      if (opts.src) this.src = opts.src;\n    }\n  }\n\n  async #load() {\n    this.#sprite?.destroy({ children: true });\n    this.#sprite = undefined;\n\n    if (this.#src) {\n      if (!textureLoader.checkLoaded(this.#src)) {\n        console.info(`Texture not preloaded. Loading now: ${this.#src}`);\n      }\n      const texture = await textureLoader.load(this.#src);\n      if (texture) {\n        this.#sprite = new Sprite({ texture, anchor: 0.5, zIndex: -999999 });\n        this._addPixiChild(this.#sprite);\n      }\n    }\n  }\n\n  get src() {\n    return this.#src;\n  }\n\n  set src(src: string | undefined) {\n    if (this.#src !== src) {\n      if (this.#src) textureLoader.release(this.#src);\n      this.#src = src;\n      this.#load();\n    }\n  }\n\n  remove() {\n    if (this.#src) textureLoader.release(this.#src);\n    super.remove();\n  }\n}\n\nexport { SpriteObject };\n"]}

package/lib/game-object-ext/text.js

@@ -0,0 +1,68 @@
+import { Text as PixiText } from 'pixi.js';
+import { GameObject } from '../game-object/game-object';
+class TextObject extends GameObject {
+    #pixiText = new PixiText({ anchor: 0.5 });
+    #text;
+    #textAlign;
+    #fontSize;
+    #color;
+    constructor(opts) {
+        super(opts);
+        this._addPixiChild(this.#pixiText);
+        if (opts) {
+            if (opts.text)
+                this.text = opts.text;
+            if (opts.textAlign)
+                this.textAlign = opts.textAlign;
+            if (opts.fontSize)
+                this.fontSize = opts.fontSize;
+            if (opts.color)
+                this.color = opts.color;
+        }
+    }
+    get text() {
+        return this.#text;
+    }
+    set text(text) {
+        this.#text = text;
+        this.#pixiText.text = text || '';
+    }
+    get textAlign() {
+        return this.#textAlign;
+    }
+    set textAlign(textAlign) {
+        this.#textAlign = textAlign;
+        if (textAlign !== undefined)
+            this.#pixiText.style.align = textAlign;
+    }
+    get fontSize() {
+        return this.#fontSize;
+    }
+    set fontSize(fontSize) {
+        this.#fontSize = fontSize;
+        if (fontSize !== undefined)
+            this.#pixiText.style.fontSize = fontSize;
+    }
+    get color() {
+        return this.#color;
+    }
+    set color(color) {
+        this.#color = color;
+        if (color !== undefined)
+            this.#pixiText.style.fill = color;
+    }
+    get anchorX() {
+        return this.#pixiText.anchor.x - 0.5;
+    }
+    set anchorX(value) {
+        this.#pixiText.anchor.x = value + 0.5;
+    }
+    get anchorY() {
+        return this.#pixiText.anchor.y - 0.5;
+    }
+    set anchorY(value) {
+        this.#pixiText.anchor.y = value + 0.5;
+    }
+}
+export { TextObject };
+//# sourceMappingURL=text.js.map

package/lib/game-object-ext/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/game-object-ext/text.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAqB,MAAM,4BAA4B,CAAC;AAS3E,MAAM,UAA0C,SAAQ,UAAa;IACnE,SAAS,GAAG,IAAI,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;IAC1C,KAAK,CAAU;IACf,UAAU,CAA+B;IACzC,SAAS,CAAU;IACnB,MAAM,CAAU;IAEhB,YAAY,IAAwB;QAClC,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACnC,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,IAAI,CAAC,IAAI;gBAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACrC,IAAI,IAAI,CAAC,SAAS;gBAAE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;YACpD,IAAI,IAAI,CAAC,QAAQ;gBAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;YACjD,IAAI,IAAI,CAAC,KAAK;gBAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAI,IAAI,CAAC,IAAwB;QAC/B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;IACnC,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,IAAI,SAAS,CAAC,SAAkD;QAC9D,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,SAAS,KAAK,SAAS;YAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC;IACtE,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,IAAI,QAAQ,CAAC,QAA4B;QACvC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,QAAQ,KAAK,SAAS;YAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IACvE,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAyB;QACjC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,KAAK,KAAK,SAAS;YAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;IAC7D,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC;IACvC,CAAC;IAED,IAAI,OAAO,CAAC,KAAa;QACvB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC;IACxC,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC;IACvC,CAAC;IAED,IAAI,OAAO,CAAC,KAAa;QACvB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC;IACxC,CAAC;CACF;AAED,OAAO,EAAE,UAAU,EAAE,CAAC","sourcesContent":["import { EventMap } from '@webtaku/event-emitter';\nimport { Text as PixiText } from 'pixi.js';\nimport { GameObject, GameObjectOptions } from '../game-object/game-object';\n\ntype TextObjectOptions = {\n  text: string;\n  textAlign?: 'left' | 'center' | 'right';\n  fontSize?: number;\n  color?: string;\n} & GameObjectOptions;\n\nclass TextObject<E extends EventMap = EventMap> extends GameObject<E> {\n  #pixiText = new PixiText({ anchor: 0.5 });\n  #text?: string;\n  #textAlign?: 'left' | 'center' | 'right';\n  #fontSize?: number;\n  #color?: string;\n\n  constructor(opts?: TextObjectOptions) {\n    super(opts);\n    this._addPixiChild(this.#pixiText);\n    if (opts) {\n      if (opts.text) this.text = opts.text;\n      if (opts.textAlign) this.textAlign = opts.textAlign;\n      if (opts.fontSize) this.fontSize = opts.fontSize;\n      if (opts.color) this.color = opts.color;\n    }\n  }\n\n  get text() {\n    return this.#text;\n  }\n\n  set text(text: string | undefined) {\n    this.#text = text;\n    this.#pixiText.text = text || '';\n  }\n\n  get textAlign() {\n    return this.#textAlign;\n  }\n\n  set textAlign(textAlign: 'left' | 'center' | 'right' | undefined) {\n    this.#textAlign = textAlign;\n    if (textAlign !== undefined) this.#pixiText.style.align = textAlign;\n  }\n\n  get fontSize() {\n    return this.#fontSize;\n  }\n\n  set fontSize(fontSize: number | undefined) {\n    this.#fontSize = fontSize;\n    if (fontSize !== undefined) this.#pixiText.style.fontSize = fontSize;\n  }\n\n  get color() {\n    return this.#color;\n  }\n\n  set color(color: string | undefined) {\n    this.#color = color;\n    if (color !== undefined) this.#pixiText.style.fill = color;\n  }\n\n  get anchorX() {\n    return this.#pixiText.anchor.x - 0.5;\n  }\n\n  set anchorX(value: number) {\n    this.#pixiText.anchor.x = value + 0.5;\n  }\n\n  get anchorY() {\n    return this.#pixiText.anchor.y - 0.5;\n  }\n\n  set anchorY(value: number) {\n    this.#pixiText.anchor.y = value + 0.5;\n  }\n}\n\nexport { TextObject };\n"]}