kiwiengine 0.0.1-alpha → 0.5.2

package/lib/node/ext/spine.js

@@ -0,0 +1,272 @@
+import { AtlasAttachmentLoader, Spine as PixiSpine, SkeletonBinary, SkeletonJson, Skin, 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 '../core/game-object';
+export class SpineNode extends GameObject {
+    #atlas;
+    #texture;
+    #rawSkeletonData;
+    #skel;
+    #json;
+    #skins;
+    #animation;
+    #loop;
+    #spine;
+    constructor(options) {
+        super(options);
+        this.#atlas = options.atlas;
+        this.#texture = options.texture;
+        this.#rawSkeletonData = options.rawSkeletonData;
+        this.#skel = options.skel;
+        this.#json = options.json;
+        this.#skins = options.skins;
+        this.#animation = options.animation;
+        this.#loop = options.loop;
+        this.#load();
+    }
+    #buildSkeletonData(atlasText, texture, textures, skeletonBinary, textSkeletonData) {
+        if (!atlasText)
+            return undefined;
+        if (!texture && !textures)
+            return undefined;
+        if (!this.rawSkeletonData && !skeletonBinary && !textSkeletonData)
+            return undefined;
+        // Create TextureAtlas and bind pages to provided textures
+        const atlas = new TextureAtlas(atlasText);
+        atlas.pages.forEach((page) => {
+            if (texture) {
+                page.setTexture(SpineTexture.from(texture.source));
+            }
+            else if (textures) {
+                const t = textures[page.name];
+                if (!t)
+                    throw new Error(`Missing texture for atlas page: ${page.name}`);
+                page.setTexture(SpineTexture.from(t.source));
+            }
+        });
+        const atlasLoader = new AtlasAttachmentLoader(atlas);
+        // Parse skeleton data depending on available source
+        if (this.rawSkeletonData) {
+            const jsonLoader = new SkeletonJson(atlasLoader);
+            return jsonLoader.readSkeletonData(this.rawSkeletonData);
+        }
+        if (skeletonBinary) {
+            const binLoader = new SkeletonBinary(atlasLoader);
+            return binLoader.readSkeletonData(skeletonBinary);
+        }
+        if (textSkeletonData) {
+            const jsonLoader = new SkeletonJson(atlasLoader);
+            return jsonLoader.readSkeletonData(textSkeletonData);
+        }
+        return undefined;
+    }
+    #getCachedSkeletonData() {
+        try {
+            if (!this.#rawSkeletonData && !this.#skel && !this.#json)
+                return undefined;
+            if (!textLoader.checkCached(this.#atlas))
+                return undefined;
+            const atlasText = textLoader.getCached(this.#atlas);
+            let texture;
+            let textures;
+            if (typeof this.#texture === 'string') {
+                if (!textureLoader.checkCached(this.#texture))
+                    return undefined;
+                texture = textureLoader.getCached(this.#texture);
+            }
+            else if (this.#texture) {
+                textures = {};
+                for (const [key, path] of Object.entries(this.#texture)) {
+                    if (!textureLoader.checkCached(path))
+                        return undefined;
+                    textures[key] = textureLoader.getCached(path);
+                }
+            }
+            else {
+                return undefined;
+            }
+            let skeletonBinary;
+            let textSkeletonData;
+            if (!this.#rawSkeletonData) {
+                if (this.#skel) {
+                    if (!binaryLoader.checkCached(this.#skel))
+                        return undefined;
+                    skeletonBinary = binaryLoader.getCached(this.#skel);
+                }
+                else if (this.#json) {
+                    if (!textLoader.checkCached(this.#json))
+                        return undefined;
+                    textSkeletonData = textLoader.getCached(this.#json);
+                }
+            }
+            return this.#buildSkeletonData(atlasText, texture, textures, skeletonBinary, textSkeletonData);
+        }
+        catch (e) {
+            console.error('Failed to build skeleton data from cache:', e);
+            return undefined;
+        }
+    }
+    async #loadSkeletonData() {
+        if (!this.#rawSkeletonData && !this.#skel && !this.#json)
+            return undefined;
+        const promises = [];
+        let atlasText;
+        let skeletonBinary;
+        let textSkeletonData;
+        let texture;
+        let textures;
+        // Load atlas (text)
+        if (!textLoader.checkCached(this.#atlas))
+            console.info(`Atlas not preloaded. Loading now: ${this.#atlas}`);
+        promises.push((async () => (atlasText = await textLoader.load(this.#atlas)))());
+        // Load skeleton (raw / binary / json)
+        if (this.#rawSkeletonData) {
+            // already provided
+        }
+        else if (this.#skel) {
+            if (!binaryLoader.checkCached(this.#skel))
+                console.info(`Skeleton not preloaded. Loading now: ${this.#skel}`);
+            promises.push((async () => (skeletonBinary = await binaryLoader.load(this.#skel)))());
+        }
+        else if (this.#json) {
+            if (!textLoader.checkCached(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 undefined;
+        }
+        // Load textures (single or multiple)
+        if (typeof this.#texture === 'string') {
+            if (!textureLoader.checkCached(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.checkCached(path))
+                    console.info(`Texture not preloaded. Loading now: ${path}`);
+                promises.push((async () => {
+                    const t = await textureLoader.load(path);
+                    if (t)
+                        textures[key] = t;
+                })());
+            }
+        }
+        await Promise.all(promises);
+        if (!atlasText)
+            return undefined;
+        if (!texture && !(textures && Object.keys(textures).length))
+            return undefined;
+        return this.#buildSkeletonData(atlasText, texture, textures, skeletonBinary, textSkeletonData);
+    }
+    async #load() {
+        let skeletonData = this.#getCachedSkeletonData();
+        if (!skeletonData) {
+            skeletonData = await this.#loadSkeletonData();
+        }
+        this.#spine?.destroy();
+        this.#spine = undefined;
+        if (skeletonData) {
+            const s = new PixiSpine(skeletonData);
+            s.state.addListener({
+                complete: (e) => this.emit('animationend', e.animation?.name ?? '')
+            });
+            this.#spine = s;
+            this.#updateAnimation();
+            this.#updateSkins();
+            this._pixiContainer.addChild(s);
+        }
+    }
+    #updateSkins() {
+        const s = this.#spine?.skeleton;
+        if (s && this.#skins) {
+            const newSkin = new Skin('combined-skin');
+            for (const skinName of this.#skins) {
+                const skin = s.data.findSkin(skinName);
+                if (skin)
+                    newSkin.addSkin(skin);
+            }
+            s.setSkin(newSkin);
+            s.setSlotsToSetupPose();
+        }
+    }
+    #updateAnimation() {
+        const s = this.#spine;
+        if (s && this.#animation) {
+            s.state.setAnimation(0, this.#animation, this.#loop ?? true);
+            s.state.apply(s.skeleton);
+        }
+    }
+    set atlas(atlas) {
+        if (this.#atlas !== atlas) {
+            this.#atlas = atlas;
+            this.#load();
+        }
+    }
+    get atlas() { return this.#atlas; }
+    set texture(texture) {
+        if (this.#texture !== texture) {
+            this.#texture = texture;
+            this.#load();
+        }
+    }
+    get texture() { return this.#texture; }
+    set rawSkeletonData(rawSkeletonData) {
+        if (this.#rawSkeletonData !== rawSkeletonData) {
+            this.#rawSkeletonData = rawSkeletonData;
+            this.#load();
+        }
+    }
+    get rawSkeletonData() { return this.#rawSkeletonData; }
+    set skel(skel) {
+        if (this.#skel !== skel) {
+            this.#skel = skel;
+            this.#load();
+        }
+    }
+    get skel() { return this.#skel; }
+    set json(json) {
+        if (this.#json !== json) {
+            this.#json = json;
+            this.#load();
+        }
+    }
+    get json() { return this.#json; }
+    set skins(skins) {
+        if (this.#skins !== skins) {
+            this.#skins = skins;
+            this.#updateSkins();
+        }
+    }
+    get skins() { return this.#skins; }
+    set animation(animation) {
+        if (this.#animation !== animation) {
+            this.#animation = animation;
+            this.#updateAnimation();
+        }
+    }
+    get animation() { return this.#animation; }
+    set loop(loop) {
+        if (this.#loop !== loop) {
+            this.#loop = loop;
+            this.#updateAnimation();
+        }
+    }
+    get loop() { return this.#loop; }
+    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();
+    }
+}
+//# sourceMappingURL=spine.js.map

package/lib/node/ext/spine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spine.js","sourceRoot":"","sources":["../../../src/node/ext/spine.ts"],"names":[],"mappings":"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","sourcesContent":["import { AtlasAttachmentLoader, Spine as PixiSpine, SkeletonBinary, SkeletonJson, Skin, 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 '../core/game-object'\n\nexport type SpineNodeOptions = {\n  atlas: string\n  texture: string | Record<string, string>\n\n  rawSkeletonData?: any\n  skel?: string\n  json?: string\n\n  skins?: string[]\n  animation?: string\n  loop?: boolean\n} & GameObjectOptions\n\nexport class SpineNode<E extends EventMap = EventMap> extends GameObject<E & {\n  animationend: (animation: string) => void\n}> {\n  #atlas: string\n  #texture: string | Record<string, string>\n\n  #rawSkeletonData?: any\n  #skel?: string\n  #json?: string\n\n  #skins?: string[]\n  #animation?: string\n  #loop?: boolean\n\n  #spine?: PixiSpine\n\n  constructor(options: SpineNodeOptions) {\n    super(options)\n    this.#atlas = options.atlas\n    this.#texture = options.texture\n    this.#rawSkeletonData = options.rawSkeletonData\n    this.#skel = options.skel\n    this.#json = options.json\n    this.#skins = options.skins\n    this.#animation = options.animation\n    this.#loop = options.loop\n    this.#load()\n  }\n\n  #buildSkeletonData(\n    atlasText: string,\n    texture: Texture | undefined,\n    textures: Record<string, Texture> | undefined,\n    skeletonBinary: Uint8Array | undefined,\n    textSkeletonData: string | undefined\n  ) {\n    if (!atlasText) return undefined\n    if (!texture && !textures) return undefined\n    if (!this.rawSkeletonData && !skeletonBinary && !textSkeletonData) return undefined\n\n    // Create TextureAtlas and bind pages to provided textures\n    const atlas = new TextureAtlas(atlasText)\n    atlas.pages.forEach((page) => {\n      if (texture) {\n        page.setTexture(SpineTexture.from(texture.source))\n      } else if (textures) {\n        const t = textures[page.name]\n        if (!t) throw new Error(`Missing texture for atlas page: ${page.name}`)\n        page.setTexture(SpineTexture.from(t.source))\n      }\n    })\n\n    const atlasLoader = new AtlasAttachmentLoader(atlas)\n\n    // Parse skeleton data depending on available source\n    if (this.rawSkeletonData) {\n      const jsonLoader = new SkeletonJson(atlasLoader)\n      return jsonLoader.readSkeletonData(this.rawSkeletonData)\n    }\n    if (skeletonBinary) {\n      const binLoader = new SkeletonBinary(atlasLoader)\n      return binLoader.readSkeletonData(skeletonBinary)\n    }\n    if (textSkeletonData) {\n      const jsonLoader = new SkeletonJson(atlasLoader)\n      return jsonLoader.readSkeletonData(textSkeletonData)\n    }\n    return undefined\n  }\n\n  #getCachedSkeletonData() {\n    try {\n      if (!this.#rawSkeletonData && !this.#skel && !this.#json) return undefined\n      if (!textLoader.checkCached(this.#atlas)) return undefined\n\n      const atlasText = textLoader.getCached(this.#atlas)!\n\n      let texture: Texture | undefined\n      let textures: Record<string, Texture> | undefined\n\n      if (typeof this.#texture === 'string') {\n        if (!textureLoader.checkCached(this.#texture)) return undefined\n        texture = textureLoader.getCached(this.#texture)!\n      } else if (this.#texture) {\n        textures = {}\n        for (const [key, path] of Object.entries(this.#texture)) {\n          if (!textureLoader.checkCached(path)) return undefined\n          textures[key] = textureLoader.getCached(path)!\n        }\n      } else {\n        return undefined\n      }\n\n      let skeletonBinary: Uint8Array | undefined\n      let textSkeletonData: string | undefined\n\n      if (!this.#rawSkeletonData) {\n        if (this.#skel) {\n          if (!binaryLoader.checkCached(this.#skel)) return undefined\n          skeletonBinary = binaryLoader.getCached(this.#skel)!\n        } else if (this.#json) {\n          if (!textLoader.checkCached(this.#json)) return undefined\n          textSkeletonData = textLoader.getCached(this.#json)!\n        }\n      }\n\n      return this.#buildSkeletonData(\n        atlasText,\n        texture,\n        textures,\n        skeletonBinary,\n        textSkeletonData,\n      )\n    } catch (e) {\n      console.error('Failed to build skeleton data from cache:', e)\n      return undefined\n    }\n  }\n\n  async #loadSkeletonData() {\n    if (!this.#rawSkeletonData && !this.#skel && !this.#json) return undefined\n\n    const promises: Promise<any>[] = []\n\n    let atlasText: string | undefined\n    let skeletonBinary: Uint8Array | undefined\n    let textSkeletonData: string | undefined\n    let texture: Texture | undefined\n    let textures: Record<string, Texture> | undefined\n\n    // Load atlas (text)\n    if (!textLoader.checkCached(this.#atlas)) console.info(`Atlas not preloaded. Loading now: ${this.#atlas}`)\n    promises.push((async () => (atlasText = await textLoader.load(this.#atlas)))())\n\n    // Load skeleton (raw / binary / json)\n    if (this.#rawSkeletonData) {\n      // already provided\n    } else if (this.#skel) {\n      if (!binaryLoader.checkCached(this.#skel)) console.info(`Skeleton not preloaded. Loading now: ${this.#skel}`)\n      promises.push((async () => (skeletonBinary = await binaryLoader.load(this.#skel!)))())\n    } else if (this.#json) {\n      if (!textLoader.checkCached(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 undefined\n    }\n\n    // Load textures (single or multiple)\n    if (typeof this.#texture === 'string') {\n      if (!textureLoader.checkCached(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.checkCached(path)) console.info(`Texture not preloaded. Loading now: ${path}`)\n        promises.push((async () => {\n          const t = await textureLoader.load(path)\n          if (t) textures![key] = t\n        })())\n      }\n    }\n\n    await Promise.all(promises)\n\n    if (!atlasText) return undefined\n    if (!texture && !(textures && Object.keys(textures).length)) return undefined\n\n    return this.#buildSkeletonData(\n      atlasText,\n      texture,\n      textures,\n      skeletonBinary,\n      textSkeletonData,\n    )\n  }\n\n  async #load() {\n    let skeletonData = this.#getCachedSkeletonData()\n    if (!skeletonData) {\n      skeletonData = await this.#loadSkeletonData()\n    }\n\n    this.#spine?.destroy()\n    this.#spine = undefined\n\n    if (skeletonData) {\n      const s = new PixiSpine(skeletonData)\n      s.state.addListener({\n        complete: (e) => (this as any).emit('animationend', e.animation?.name ?? '')\n      })\n      this.#spine = s\n      this.#updateAnimation()\n      this.#updateSkins()\n      this._pixiContainer.addChild(s)\n    }\n  }\n\n  #updateSkins() {\n    const s = this.#spine?.skeleton\n    if (s && this.#skins) {\n      const newSkin = new Skin('combined-skin')\n      for (const skinName of this.#skins) {\n        const skin = s.data.findSkin(skinName)\n        if (skin) newSkin.addSkin(skin)\n      }\n      s.setSkin(newSkin)\n      s.setSlotsToSetupPose()\n    }\n  }\n\n  #updateAnimation() {\n    const s = this.#spine\n    if (s && this.#animation) {\n      s.state.setAnimation(0, this.#animation, this.#loop ?? true)\n      s.state.apply(s.skeleton)\n    }\n  }\n\n  set atlas(atlas) {\n    if (this.#atlas !== atlas) {\n      this.#atlas = atlas\n      this.#load()\n    }\n  }\n\n  get atlas() { return this.#atlas }\n\n  set texture(texture) {\n    if (this.#texture !== texture) {\n      this.#texture = texture\n      this.#load()\n    }\n  }\n\n  get texture() { return this.#texture }\n\n  set rawSkeletonData(rawSkeletonData) {\n    if (this.#rawSkeletonData !== rawSkeletonData) {\n      this.#rawSkeletonData = rawSkeletonData\n      this.#load()\n    }\n  }\n\n  get rawSkeletonData() { return this.#rawSkeletonData }\n\n  set skel(skel) {\n    if (this.#skel !== skel) {\n      this.#skel = skel\n      this.#load()\n    }\n  }\n\n  get skel() { return this.#skel }\n\n  set json(json) {\n    if (this.#json !== json) {\n      this.#json = json\n      this.#load()\n    }\n  }\n\n  get json() { return this.#json }\n\n  set skins(skins) {\n    if (this.#skins !== skins) {\n      this.#skins = skins\n      this.#updateSkins()\n    }\n  }\n\n  get skins() { return this.#skins }\n\n  set animation(animation) {\n    if (this.#animation !== animation) {\n      this.#animation = animation\n      this.#updateAnimation()\n    }\n  }\n\n  get animation() { return this.#animation }\n\n  set loop(loop) {\n    if (this.#loop !== loop) {\n      this.#loop = loop\n      this.#updateAnimation()\n    }\n  }\n\n  get loop() { return this.#loop }\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"]}

package/lib/node/ext/sprite.js

@@ -0,0 +1,42 @@
+import { Sprite as PixiSprite } from 'pixi.js';
+import { textureLoader } from '../../asset/loaders/texture';
+import { GameObject } from '../core/game-object';
+export class SpriteNode extends GameObject {
+    #src;
+    #sprite;
+    constructor(options) {
+        super(options);
+        this.#src = options.src;
+        this.#load();
+    }
+    async #load() {
+        let texture;
+        if (textureLoader.checkCached(this.#src)) {
+            texture = textureLoader.getCached(this.#src);
+        }
+        else {
+            console.info(`Texture not preloaded. Loading now: ${this.#src}`);
+            texture = await textureLoader.load(this.#src);
+        }
+        this.#sprite?.destroy();
+        this.#sprite = undefined;
+        if (texture) {
+            const s = new PixiSprite({ texture, anchor: 0.5, zIndex: -999999 });
+            this._pixiContainer.addChild(s);
+            this.#sprite = s;
+        }
+    }
+    set src(src) {
+        if (this.#src !== src) {
+            textureLoader.release(this.#src);
+            this.#src = src;
+            this.#load();
+        }
+    }
+    get src() { return this.#src; }
+    remove() {
+        textureLoader.release(this.#src);
+        super.remove();
+    }
+}
+//# sourceMappingURL=sprite.js.map

package/lib/node/ext/sprite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sprite.js","sourceRoot":"","sources":["../../../src/node/ext/sprite.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAqB,MAAM,qBAAqB,CAAA;AAMnE,MAAM,OAAO,UAA0C,SAAQ,UAAa;IAC1E,IAAI,CAAQ;IACZ,OAAO,CAAa;IAEpB,YAAY,OAA0B;QACpC,KAAK,CAAC,OAAO,CAAC,CAAA;QACd,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,CAAA;QACvB,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;IAED,KAAK,CAAC,KAAK;QACT,IAAI,OAAO,CAAA;QACX,IAAI,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YACzC,OAAO,GAAG,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC9C,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,IAAI,CAAC,uCAAuC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;YAChE,OAAO,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC/C,CAAC;QAED,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,CAAA;QACvB,IAAI,CAAC,OAAO,GAAG,SAAS,CAAA;QAExB,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,CAAC,GAAG,IAAI,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,CAAA;YACnE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;YAC/B,IAAI,CAAC,OAAO,GAAG,CAAC,CAAA;QAClB,CAAC;IACH,CAAC;IAED,IAAI,GAAG,CAAC,GAAG;QACT,IAAI,IAAI,CAAC,IAAI,KAAK,GAAG,EAAE,CAAC;YACtB,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAChC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAA;YACf,IAAI,CAAC,KAAK,EAAE,CAAA;QACd,CAAC;IACH,CAAC;IAED,IAAI,GAAG,KAAK,OAAO,IAAI,CAAC,IAAI,CAAA,CAAC,CAAC;IAErB,MAAM;QACb,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAChC,KAAK,CAAC,MAAM,EAAE,CAAA;IAChB,CAAC;CACF","sourcesContent":["import { EventMap } from '@webtaku/event-emitter'\nimport { Sprite as PixiSprite } from 'pixi.js'\nimport { textureLoader } from '../../asset/loaders/texture'\nimport { GameObject, GameObjectOptions } from '../core/game-object'\n\nexport type SpriteNodeOptions = {\n  src: string\n} & GameObjectOptions\n\nexport class SpriteNode<E extends EventMap = EventMap> extends GameObject<E> {\n  #src: string\n  #sprite?: PixiSprite\n\n  constructor(options: SpriteNodeOptions) {\n    super(options)\n    this.#src = options.src\n    this.#load()\n  }\n\n  async #load() {\n    let texture\n    if (textureLoader.checkCached(this.#src)) {\n      texture = textureLoader.getCached(this.#src)\n    } else {\n      console.info(`Texture not preloaded. Loading now: ${this.#src}`)\n      texture = await textureLoader.load(this.#src)\n    }\n\n    this.#sprite?.destroy()\n    this.#sprite = undefined\n\n    if (texture) {\n      const s = new PixiSprite({ texture, anchor: 0.5, zIndex: -999999 })\n      this._pixiContainer.addChild(s)\n      this.#sprite = s\n    }\n  }\n\n  set src(src) {\n    if (this.#src !== src) {\n      textureLoader.release(this.#src)\n      this.#src = src\n      this.#load()\n    }\n  }\n\n  get src() { return this.#src }\n\n  override remove() {\n    textureLoader.release(this.#src)\n    super.remove()\n  }\n}\n"]}

package/lib/node/physics/physics-object.js

@@ -0,0 +1,112 @@
+import Matter from 'matter-js';
+import { Container as PixiContainer } from 'pixi.js';
+import { ColliderType } from '../../collision/colliders';
+import { isRenderableNode, RenderableNode } from '../core/renderable';
+import { LocalTransform } from '../core/transform';
+import { PhysicsWorld } from './physics-world';
+function createEllipseBody(x, y, width, height, options = {}, 
+// segLen은 "인접 정점 사이의 목표 간격(px)" 정도로 생각하면 됩니다.
+segLen = 6) {
+    const rx = width / 2;
+    const ry = height / 2;
+    // 주변길이 ~ π(a+b) 근사 → 그 길이를 segLen 간격으로 쪼개서 정점 수 결정
+    const perimeterApprox = Math.PI * (rx + ry);
+    const segments = Math.max(12, Math.ceil(perimeterApprox / segLen));
+    const verts = Array.from({ length: segments }, (_, i) => {
+        const t = (i / segments) * Math.PI * 2;
+        return { x: Math.cos(t) * rx, y: Math.sin(t) * ry };
+    });
+    // fromVertices는 로컬 기준이므로 x,y는 중심 위치로 넘깁니다.
+    return Matter.Bodies.fromVertices(x, y, [verts], options);
+}
+export class PhysicsObject extends RenderableNode {
+    #localTransform = new LocalTransform();
+    #matterBody;
+    #useYSort = false;
+    constructor(options) {
+        super(new PixiContainer({ sortableChildren: true }));
+        const c = options.collider;
+        const x = options.x ?? 0;
+        const y = options.y ?? 0;
+        const bodyOptions = {
+            angle: options.rotation ?? 0,
+            velocity: { x: options.velocityX ?? 0, y: options.velocityY ?? 0 },
+            isStatic: options.isStatic ?? false
+        };
+        if (options.fixedRotation) {
+            bodyOptions.inertia = Infinity;
+            bodyOptions.angularVelocity = 0;
+        }
+        if (c.type === ColliderType.Rectangle) {
+            this.#matterBody = Matter.Bodies.rectangle(x, y, c.width, c.height, bodyOptions);
+        }
+        else if (c.type === ColliderType.Circle) {
+            this.#matterBody = Matter.Bodies.circle(x, y, c.radius, bodyOptions);
+        }
+        else if (c.type === ColliderType.Ellipse) {
+            this.#matterBody = createEllipseBody(x, y, c.width, c.height, bodyOptions, 
+            /* segLen= */ 6 // 더 매끄럽게 하고 싶으면 더 작게
+            );
+        }
+        else if (c.type === ColliderType.Polygon) {
+            this.#matterBody = Matter.Bodies.fromVertices(x, y, [c.vertices], bodyOptions);
+        }
+        else {
+            throw new Error('Invalid collider type');
+        }
+        this.#useYSort = options.useYSort ?? false;
+    }
+    set parent(parent) {
+        if (!(parent instanceof PhysicsWorld)) {
+            const actual = parent === undefined
+                ? 'undefined'
+                : parent.constructor?.name ?? typeof parent;
+            throw new Error(`PhysicsObject parent must be PhysicsWorld, but got ${actual}`);
+        }
+        parent.addBody(this.#matterBody);
+        super.parent = parent;
+    }
+    get parent() {
+        return super.parent;
+    }
+    _updateWorldTransform() {
+        const mb = this.#matterBody;
+        const pc = this._pixiContainer;
+        pc.position.set(mb.position.x, mb.position.y);
+        if (this.#useYSort)
+            pc.zIndex = mb.position.y;
+        pc.rotation = mb.angle;
+        const lt = this.#localTransform;
+        lt.x = mb.position.x;
+        lt.y = mb.position.y;
+        lt.rotation = mb.angle;
+        const parent = this.parent;
+        if (parent && isRenderableNode(parent)) {
+            this.worldTransform.update(parent.worldTransform, this.#localTransform);
+        }
+        super._updateWorldTransform();
+    }
+    #removeFromWorld() {
+        this.parent?.removeBody(this.#matterBody);
+    }
+    remove() {
+        this.#removeFromWorld();
+        super.remove();
+    }
+    set x(v) { Matter.Body.setPosition(this.#matterBody, { x: v, y: this.#matterBody.position.y }); }
+    get x() { return this.#matterBody.position.x; }
+    set y(v) { Matter.Body.setPosition(this.#matterBody, { x: this.#matterBody.position.x, y: v }); }
+    get y() { return this.#matterBody.position.y; }
+    set rotation(v) { Matter.Body.setAngle(this.#matterBody, v); }
+    get rotation() { return this.#matterBody.angle; }
+    set velocityX(v) { Matter.Body.setVelocity(this.#matterBody, { x: v, y: this.#matterBody.velocity.y }); }
+    get velocityX() { return this.#matterBody.velocity.x; }
+    set velocityY(v) { Matter.Body.setVelocity(this.#matterBody, { x: this.#matterBody.velocity.x, y: v }); }
+    get velocityY() { return this.#matterBody.velocity.y; }
+    set isStatic(v) { Matter.Body.setStatic(this.#matterBody, v); }
+    get isStatic() { return this.#matterBody.isStatic; }
+    disableCollisions() {
+        this.#removeFromWorld();
+    }
+}
+//# sourceMappingURL=physics-object.js.map

package/lib/node/physics/physics-object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"physics-object.js","sourceRoot":"","sources":["../../../src/node/physics/physics-object.ts"],"names":[],"mappings":"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","sourcesContent":["import { EventMap } from '@webtaku/event-emitter'\nimport Matter, { IChamferableBodyDefinition } from 'matter-js'\nimport { Container as PixiContainer } from 'pixi.js'\nimport { Collider, ColliderType } from '../../collision/colliders'\nimport { GameNode } from '../core/game-node'\nimport { isRenderableNode, RenderableNode } from '../core/renderable'\nimport { LocalTransform } from '../core/transform'\nimport { PhysicsWorld } from './physics-world'\n\nfunction createEllipseBody(\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  options: IChamferableBodyDefinition = {},\n  // segLen은 \"인접 정점 사이의 목표 간격(px)\" 정도로 생각하면 됩니다.\n  segLen = 6\n): Matter.Body {\n  const rx = width / 2\n  const ry = height / 2\n\n  // 주변길이 ~ π(a+b) 근사 → 그 길이를 segLen 간격으로 쪼개서 정점 수 결정\n  const perimeterApprox = Math.PI * (rx + ry)\n  const segments = Math.max(12, Math.ceil(perimeterApprox / segLen))\n\n  const verts = Array.from({ length: segments }, (_, i) => {\n    const t = (i / segments) * Math.PI * 2\n    return { x: Math.cos(t) * rx, y: Math.sin(t) * ry }\n  })\n\n  // fromVertices는 로컬 기준이므로 x,y는 중심 위치로 넘깁니다.\n  return Matter.Bodies.fromVertices(x, y, [verts], options)\n}\n\nexport type PhysicsObjectOptions = {\n  collider: Collider\n  x?: number\n  y?: number\n  rotation?: number\n  fixedRotation?: boolean\n  velocityX?: number\n  velocityY?: number\n  isStatic?: boolean\n\n  useYSort?: boolean\n}\n\nexport class PhysicsObject<E extends EventMap = EventMap> extends RenderableNode<PixiContainer, E> {\n  #localTransform = new LocalTransform()\n  #matterBody: Matter.Body\n\n  #useYSort = false\n\n  constructor(options: PhysicsObjectOptions) {\n    super(new PixiContainer({ sortableChildren: true }))\n\n    const c = options.collider\n    const x = options.x ?? 0\n    const y = options.y ?? 0\n\n    const bodyOptions: IChamferableBodyDefinition = {\n      angle: options.rotation ?? 0,\n      velocity: { x: options.velocityX ?? 0, y: options.velocityY ?? 0 },\n      isStatic: options.isStatic ?? false\n    }\n\n    if (options.fixedRotation) {\n      bodyOptions.inertia = Infinity\n      bodyOptions.angularVelocity = 0\n    }\n\n    if (c.type === ColliderType.Rectangle) {\n      this.#matterBody = Matter.Bodies.rectangle(x, y, c.width, c.height, bodyOptions)\n    } else if (c.type === ColliderType.Circle) {\n      this.#matterBody = Matter.Bodies.circle(x, y, c.radius, bodyOptions)\n    } else if (c.type === ColliderType.Ellipse) {\n      this.#matterBody = createEllipseBody(\n        x, y, c.width, c.height, bodyOptions,\n        /* segLen= */ 6 // 더 매끄럽게 하고 싶으면 더 작게\n      )\n    } else if (c.type === ColliderType.Polygon) {\n      this.#matterBody = Matter.Bodies.fromVertices(x, y, [c.vertices], bodyOptions)\n    } else {\n      throw new Error('Invalid collider type')\n    }\n\n    this.#useYSort = options.useYSort ?? false\n  }\n\n  protected override set parent(parent: GameNode<EventMap> | undefined) {\n    if (!(parent instanceof PhysicsWorld)) {\n      const actual = parent === undefined\n        ? 'undefined'\n        : parent.constructor?.name ?? typeof parent\n      throw new Error(`PhysicsObject parent must be PhysicsWorld, but got ${actual}`)\n    }\n    parent.addBody(this.#matterBody)\n    super.parent = parent\n  }\n\n  protected override get parent() {\n    return super.parent\n  }\n\n  override _updateWorldTransform() {\n    const mb = this.#matterBody\n\n    const pc = this._pixiContainer\n    pc.position.set(mb.position.x, mb.position.y)\n    if (this.#useYSort) pc.zIndex = mb.position.y\n    pc.rotation = mb.angle\n\n    const lt = this.#localTransform\n    lt.x = mb.position.x\n    lt.y = mb.position.y\n    lt.rotation = mb.angle\n\n    const parent = this.parent\n    if (parent && isRenderableNode(parent)) {\n      this.worldTransform.update(parent.worldTransform, this.#localTransform)\n    }\n\n    super._updateWorldTransform()\n  }\n\n  #removeFromWorld() {\n    (this.parent as PhysicsWorld)?.removeBody(this.#matterBody)\n  }\n\n  override remove() {\n    this.#removeFromWorld()\n    super.remove()\n  }\n\n  set x(v) { Matter.Body.setPosition(this.#matterBody, { x: v, y: this.#matterBody.position.y }) }\n  get x() { return this.#matterBody.position.x }\n\n  set y(v) { Matter.Body.setPosition(this.#matterBody, { x: this.#matterBody.position.x, y: v }) }\n  get y() { return this.#matterBody.position.y }\n\n  set rotation(v) { Matter.Body.setAngle(this.#matterBody, v) }\n  get rotation() { return this.#matterBody.angle }\n\n  set velocityX(v) { Matter.Body.setVelocity(this.#matterBody, { x: v, y: this.#matterBody.velocity.y }) }\n  get velocityX() { return this.#matterBody.velocity.x }\n\n  set velocityY(v) { Matter.Body.setVelocity(this.#matterBody, { x: this.#matterBody.velocity.x, y: v }) }\n  get velocityY() { return this.#matterBody.velocity.y }\n\n  set isStatic(v) { Matter.Body.setStatic(this.#matterBody, v) }\n  get isStatic() { return this.#matterBody.isStatic }\n\n  disableCollisions() {\n    this.#removeFromWorld()\n  }\n}\n"]}

package/lib/node/physics/physics-world.js

@@ -0,0 +1,27 @@
+import Matter from 'matter-js';
+import { Container as PixiContainer } from 'pixi.js';
+import { RenderableNode } from '../core/renderable';
+export class PhysicsWorld extends RenderableNode {
+    #matterEngine = Matter.Engine.create();
+    constructor(options) {
+        super(new PixiContainer({ sortableChildren: true }));
+        this.worldTransform.x.v = 0;
+        this.worldTransform.y.v = 0;
+        this.worldTransform.resetDirty();
+        this.gravity = options?.gravity ?? 0;
+    }
+    set gravity(v) { this.#matterEngine.gravity.y = v; }
+    get gravity() { return this.#matterEngine.gravity.y; }
+    addBody(body) { Matter.World.add(this.#matterEngine.world, body); }
+    removeBody(body) { Matter.World.remove(this.#matterEngine.world, body); }
+    update(dt) {
+        super.update(dt);
+        const matterDt = dt * 1000;
+        Matter.Engine.update(this.#matterEngine, matterDt > 16.666 ? 16.666 : matterDt);
+    }
+    remove() {
+        Matter.Engine.clear(this.#matterEngine);
+        super.remove();
+    }
+}
+//# sourceMappingURL=physics-world.js.map

package/lib/node/physics/physics-world.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"physics-world.js","sourceRoot":"","sources":["../../../src/node/physics/physics-world.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAMnD,MAAM,OAAO,YAA4C,SAAQ,cAAgC;IAC/F,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,CAAA;IAEtC,YAAY,OAA6B;QACvC,KAAK,CAAC,IAAI,aAAa,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;QAEpD,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QAC3B,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QAC3B,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAA;QAEhC,IAAI,CAAC,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,CAAC,CAAA;IACtC,CAAC;IAED,IAAI,OAAO,CAAC,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAA,CAAC,CAAC;IACnD,IAAI,OAAO,KAAK,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAA,CAAC,CAAC;IAErD,OAAO,CAAC,IAAiB,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA,CAAC,CAAC;IAC/E,UAAU,CAAC,IAAiB,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA,CAAC,CAAC;IAElE,MAAM,CAAC,EAAU;QAClC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;QAEhB,MAAM,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAA;QAC1B,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IACjF,CAAC;IAEQ,MAAM;QACb,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;QACvC,KAAK,CAAC,MAAM,EAAE,CAAA;IAChB,CAAC;CACF","sourcesContent":["import { EventMap } from '@webtaku/event-emitter'\nimport Matter from 'matter-js'\nimport { Container as PixiContainer } from 'pixi.js'\nimport { RenderableNode } from '../core/renderable'\n\nexport type PhysicsWorldOptions = {\n  gravity?: number\n}\n\nexport class PhysicsWorld<E extends EventMap = EventMap> extends RenderableNode<PixiContainer, E> {\n  #matterEngine = Matter.Engine.create()\n\n  constructor(options?: PhysicsWorldOptions) {\n    super(new PixiContainer({ sortableChildren: true }))\n\n    this.worldTransform.x.v = 0\n    this.worldTransform.y.v = 0\n    this.worldTransform.resetDirty()\n\n    this.gravity = options?.gravity ?? 0\n  }\n\n  set gravity(v) { this.#matterEngine.gravity.y = v }\n  get gravity() { return this.#matterEngine.gravity.y }\n\n  addBody(body: Matter.Body) { Matter.World.add(this.#matterEngine.world, body) }\n  removeBody(body: Matter.Body) { Matter.World.remove(this.#matterEngine.world, body) }\n\n  protected override update(dt: number) {\n    super.update(dt)\n\n    const matterDt = dt * 1000\n    Matter.Engine.update(this.#matterEngine, matterDt > 16.666 ? 16.666 : matterDt)\n  }\n\n  override remove() {\n    Matter.Engine.clear(this.#matterEngine)\n    super.remove()\n  }\n}\n"]}

package/lib/renderer/camera.js

@@ -0,0 +1,19 @@
+import { EventEmitter } from '@webtaku/event-emitter';
+export class Camera extends EventEmitter {
+    #x = 0;
+    #y = 0;
+    #scale = 1;
+    get x() { return this.#x; }
+    get y() { return this.#y; }
+    get scale() { return this.#scale; }
+    setPosition(x, y) {
+        this.#x = x;
+        this.#y = y;
+        this.emit('positionChanged');
+    }
+    setScale(scale) {
+        this.#scale = scale;
+        this.emit('scaleChanged');
+    }
+}
+//# sourceMappingURL=camera.js.map

package/lib/renderer/camera.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera.js","sourceRoot":"","sources":["../../src/renderer/camera.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,MAAM,OAAO,MAAO,SAAQ,YAG1B;IACA,EAAE,GAAG,CAAC,CAAA;IACN,EAAE,GAAG,CAAC,CAAA;IACN,MAAM,GAAG,CAAC,CAAA;IAEV,IAAI,CAAC,KAAK,OAAO,IAAI,CAAC,EAAE,CAAA,CAAC,CAAC;IAC1B,IAAI,CAAC,KAAK,OAAO,IAAI,CAAC,EAAE,CAAA,CAAC,CAAC;IAC1B,IAAI,KAAK,KAAK,OAAO,IAAI,CAAC,MAAM,CAAA,CAAC,CAAC;IAElC,WAAW,CAAC,CAAS,EAAE,CAAS;QAC9B,IAAI,CAAC,EAAE,GAAG,CAAC,CAAA;QACX,IAAI,CAAC,EAAE,GAAG,CAAC,CAAA;QACX,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;IAC9B,CAAC;IAED,QAAQ,CAAC,KAAa;QACpB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;QACnB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;IAC3B,CAAC;CACF","sourcesContent":["import { EventEmitter } from '@webtaku/event-emitter'\n\nexport class Camera extends EventEmitter<{\n  positionChanged: () => void\n  scaleChanged: () => void\n}> {\n  #x = 0\n  #y = 0\n  #scale = 1\n\n  get x() { return this.#x }\n  get y() { return this.#y }\n  get scale() { return this.#scale }\n\n  setPosition(x: number, y: number) {\n    this.#x = x\n    this.#y = y\n    this.emit('positionChanged')\n  }\n\n  setScale(scale: number) {\n    this.#scale = scale\n    this.emit('scaleChanged')\n  }\n}"]}

package/lib/renderer/container-manager.js

@@ -0,0 +1,29 @@
+import { EventEmitter } from '@webtaku/event-emitter';
+import { DirtyNumber } from '../node/core/dirty-number';
+export class RendererContainerManager extends EventEmitter {
+    #container;
+    #containerResizeObserver;
+    #containerWidth = new DirtyNumber(0);
+    #containerHeight = new DirtyNumber(0);
+    constructor(container) {
+        super();
+        this.#container = container;
+        this.#containerResizeObserver = new ResizeObserver(this.#resizeListener.bind(this));
+        this.#containerResizeObserver.observe(container);
+    }
+    #resizeListener() {
+        const cr = this.#container.getBoundingClientRect();
+        this.#containerWidth.v = cr.width;
+        this.#containerHeight.v = cr.height;
+        if (this.#containerWidth.dirty || this.#containerHeight.dirty) {
+            this.emit('resize', this.#containerWidth.v, this.#containerHeight.v);
+            this.#containerWidth.resetDirty();
+            this.#containerHeight.resetDirty();
+        }
+    }
+    remove() {
+        this.#containerResizeObserver.disconnect();
+        super.remove();
+    }
+}
+//# sourceMappingURL=container-manager.js.map

package/lib/renderer/container-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container-manager.js","sourceRoot":"","sources":["../../src/renderer/container-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAEvD,MAAM,OAAO,wBAAyB,SAAQ,YAE5C;IACA,UAAU,CAAa;IACvB,wBAAwB,CAAgB;IACxC,eAAe,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,CAAA;IACpC,gBAAgB,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,CAAA;IAErC,YAAY,SAAsB;QAChC,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,UAAU,GAAG,SAAS,CAAA;QAC3B,IAAI,CAAC,wBAAwB,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QACnF,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;IAClD,CAAC;IAED,eAAe;QACb,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAA;QAClD,IAAI,CAAC,eAAe,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAA;QACjC,IAAI,CAAC,gBAAgB,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAA;QAEnC,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC9D,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;YAEpE,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,CAAA;YACjC,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAA;QACpC,CAAC;IACH,CAAC;IAEQ,MAAM;QACb,IAAI,CAAC,wBAAwB,CAAC,UAAU,EAAE,CAAA;QAC1C,KAAK,CAAC,MAAM,EAAE,CAAA;IAChB,CAAC;CACF","sourcesContent":["import { EventEmitter } from '@webtaku/event-emitter'\nimport { DirtyNumber } from '../node/core/dirty-number'\n\nexport class RendererContainerManager extends EventEmitter<{\n  resize: (width: number, height: number) => void\n}> {\n  #container: HTMLElement\n  #containerResizeObserver: ResizeObserver\n  #containerWidth = new DirtyNumber(0)\n  #containerHeight = new DirtyNumber(0)\n\n  constructor(container: HTMLElement) {\n    super()\n    this.#container = container\n    this.#containerResizeObserver = new ResizeObserver(this.#resizeListener.bind(this))\n    this.#containerResizeObserver.observe(container)\n  }\n\n  #resizeListener() {\n    const cr = this.#container.getBoundingClientRect()\n    this.#containerWidth.v = cr.width\n    this.#containerHeight.v = cr.height\n\n    if (this.#containerWidth.dirty || this.#containerHeight.dirty) {\n      this.emit('resize', this.#containerWidth.v, this.#containerHeight.v)\n\n      this.#containerWidth.resetDirty()\n      this.#containerHeight.resetDirty()\n    }\n  }\n\n  override remove() {\n    this.#containerResizeObserver.disconnect()\n    super.remove()\n  }\n}\n"]}

package/lib/renderer/fps-display.js

@@ -0,0 +1,18 @@
+import Stats from 'stats.js';
+export class FpsDisplay {
+    #stats;
+    constructor(container) {
+        const stats = new Stats();
+        stats.dom.style.position = 'absolute';
+        stats.showPanel(0);
+        container.appendChild(stats.dom);
+        this.#stats = stats;
+    }
+    update() {
+        this.#stats.update();
+    }
+    remove() {
+        this.#stats.dom.remove();
+    }
+}
+//# sourceMappingURL=fps-display.js.map

package/lib/renderer/fps-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fps-display.js","sourceRoot":"","sources":["../../src/renderer/fps-display.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,UAAU,CAAA;AAE5B,MAAM,OAAO,UAAU;IACrB,MAAM,CAAO;IAEb,YAAY,SAAsB;QAChC,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAA;QACzB,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAA;QACrC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;QAClB,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAChC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;IACrB,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAA;IACtB,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,CAAA;IAC1B,CAAC;CACF","sourcesContent":["import Stats from 'stats.js'\n\nexport class FpsDisplay {\n  #stats: Stats\n\n  constructor(container: HTMLElement) {\n    const stats = new Stats()\n    stats.dom.style.position = 'absolute'\n    stats.showPanel(0)\n    container.appendChild(stats.dom)\n    this.#stats = stats\n  }\n\n  update() {\n    this.#stats.update()\n  }\n\n  remove() {\n    this.#stats.dom.remove()\n  }\n}\n"]}

package/lib/renderer/layer.js

@@ -0,0 +1,12 @@
+import { Container as PixiContainer } from 'pixi.js';
+import { RenderableNode } from '../node/core/renderable';
+export class Layer extends RenderableNode {
+    constructor(drawOrder) {
+        super(new PixiContainer({ sortableChildren: true }));
+        this._pixiContainer.zIndex = drawOrder;
+        this.worldTransform.x.v = 0;
+        this.worldTransform.y.v = 0;
+        this.worldTransform.resetDirty();
+    }
+}
+//# sourceMappingURL=layer.js.map

package/lib/renderer/layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer.js","sourceRoot":"","sources":["../../src/renderer/layer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,MAAM,OAAO,KAAM,SAAQ,cAAuC;IAChE,YAAY,SAAiB;QAC3B,KAAK,CAAC,IAAI,aAAa,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;QAEpD,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAA;QAEtC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QAC3B,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QAC3B,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAA;IAClC,CAAC;CACF","sourcesContent":["import { EventMap } from '@webtaku/event-emitter'\nimport { Container as PixiContainer } from 'pixi.js'\nimport { RenderableNode } from '../node/core/renderable'\n\nexport class Layer extends RenderableNode<PixiContainer, EventMap> {\n  constructor(drawOrder: number) {\n    super(new PixiContainer({ sortableChildren: true }))\n\n    this._pixiContainer.zIndex = drawOrder\n\n    this.worldTransform.x.v = 0\n    this.worldTransform.y.v = 0\n    this.worldTransform.resetDirty()\n  }\n}\n"]}