kiwiengine 0.0.1-alpha → 0.5.3

package/lib/node/core/transformable.js

@@ -0,0 +1,85 @@
+import { isRenderableNode, RenderableNode } from './renderable';
+import { LocalTransform } from './transform';
+export class TransformableNode extends RenderableNode {
+    localTransform = new LocalTransform();
+    alpha = 1;
+    #layer;
+    #useYSort = false;
+    constructor(pixiContainer, options) {
+        super(pixiContainer);
+        if (options.x !== undefined)
+            this.x = options.x;
+        if (options.y !== undefined)
+            this.y = options.y;
+        if (options.scale !== undefined)
+            this.scale = options.scale;
+        if (options.scaleX !== undefined)
+            this.scaleX = options.scaleX;
+        if (options.scaleY !== undefined)
+            this.scaleY = options.scaleY;
+        if (options.pivotX !== undefined)
+            this.pivotX = options.pivotX;
+        if (options.pivotY !== undefined)
+            this.pivotY = options.pivotY;
+        if (options.rotation !== undefined)
+            this.rotation = options.rotation;
+        if (options.alpha !== undefined)
+            this.alpha = options.alpha;
+        this.#layer = options.layer;
+        this.#useYSort = options.useYSort ?? false;
+    }
+    set renderer(renderer) {
+        super.renderer = renderer;
+        if (this.#layer && renderer) {
+            renderer._addToLayer(this, this.#layer);
+        }
+    }
+    get renderer() {
+        return super.renderer;
+    }
+    _updateWorldTransform() {
+        const parent = this.parent;
+        if (parent && isRenderableNode(parent)) {
+            this.worldTransform.update(parent.worldTransform, this.localTransform);
+            this.worldAlpha.v = parent.worldAlpha.v * this.alpha;
+        }
+        const pc = this._pixiContainer;
+        const renderer = this.renderer;
+        // 레이어 상에 있는 경우, 독립적으로 업데이트
+        if (this.#layer && renderer) {
+            const wt = this.worldTransform;
+            pc.position.set(wt.x.v, wt.y.v);
+            pc.scale.set(wt.scaleX.v, wt.scaleY.v);
+            pc.rotation = wt.rotation.v;
+            pc.alpha = this.worldAlpha.v;
+        }
+        else {
+            const lt = this.localTransform;
+            pc.position.set(lt.x, lt.y);
+            if (this.#useYSort)
+                pc.zIndex = lt.y;
+            pc.pivot.set(lt.pivotX, lt.pivotY);
+            pc.scale.set(lt.scaleX, lt.scaleY);
+            pc.rotation = lt.rotation;
+            pc.alpha = this.alpha;
+        }
+        super._updateWorldTransform();
+    }
+    set x(v) { this.localTransform.x = v; }
+    get x() { return this.localTransform.x; }
+    set y(v) { this.localTransform.y = v; }
+    get y() { return this.localTransform.y; }
+    set scale(v) { this.localTransform.scaleX = v; this.localTransform.scaleY = v; }
+    get scale() { return this.localTransform.scaleX; }
+    set scaleX(v) { this.localTransform.scaleX = v; }
+    get scaleX() { return this.localTransform.scaleX; }
+    set scaleY(v) { this.localTransform.scaleY = v; }
+    get scaleY() { return this.localTransform.scaleY; }
+    set pivotX(v) { this.localTransform.pivotX = v; }
+    get pivotX() { return this.localTransform.pivotX; }
+    set pivotY(v) { this.localTransform.pivotY = v; }
+    get pivotY() { return this.localTransform.pivotY; }
+    set rotation(v) { this.localTransform.rotation = v; }
+    get rotation() { return this.localTransform.rotation; }
+}
+//# sourceMappingURL=transformable.js.map

package/lib/node/core/transformable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformable.js","sourceRoot":"","sources":["../../../src/node/core/transformable.ts"],"names":[],"mappings":"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","sourcesContent":["import { EventMap } from '@webtaku/event-emitter'\nimport { Container as PixiContainer } from 'pixi.js'\nimport { Renderer } from '../../renderer/renderer'\nimport { isRenderableNode, RenderableNode } from './renderable'\nimport { LocalTransform } from './transform'\n\nexport type TransformableNodeOptions = {\n  x?: number\n  y?: number\n  scale?: number\n  scaleX?: number\n  scaleY?: number\n  pivotX?: number\n  pivotY?: number\n  rotation?: number\n\n  alpha?: number\n  layer?: string\n  useYSort?: boolean\n}\n\nexport abstract class TransformableNode<C extends PixiContainer, E extends EventMap> extends RenderableNode<C, E> {\n  protected localTransform = new LocalTransform()\n\n  alpha = 1\n  #layer?: string\n  #useYSort = false\n\n  constructor(pixiContainer: C, options: TransformableNodeOptions) {\n    super(pixiContainer)\n\n    if (options.x !== undefined) this.x = options.x\n    if (options.y !== undefined) this.y = options.y\n    if (options.scale !== undefined) this.scale = options.scale\n    if (options.scaleX !== undefined) this.scaleX = options.scaleX\n    if (options.scaleY !== undefined) this.scaleY = options.scaleY\n    if (options.pivotX !== undefined) this.pivotX = options.pivotX\n    if (options.pivotY !== undefined) this.pivotY = options.pivotY\n    if (options.rotation !== undefined) this.rotation = options.rotation\n    if (options.alpha !== undefined) this.alpha = options.alpha\n\n    this.#layer = options.layer\n    this.#useYSort = options.useYSort ?? false\n  }\n\n  protected override set renderer(renderer: Renderer | undefined) {\n    super.renderer = renderer\n\n    if (this.#layer && renderer) {\n      renderer._addToLayer(this, this.#layer)\n    }\n  }\n\n  protected override get renderer() {\n    return super.renderer\n  }\n\n  override _updateWorldTransform() {\n    const parent = this.parent\n    if (parent && isRenderableNode(parent)) {\n      this.worldTransform.update(parent.worldTransform, this.localTransform)\n      this.worldAlpha.v = parent.worldAlpha.v * this.alpha\n    }\n\n    const pc = this._pixiContainer\n    const renderer = this.renderer\n\n    // 레이어 상에 있는 경우, 독립적으로 업데이트\n    if (this.#layer && renderer) {\n      const wt = this.worldTransform\n      pc.position.set(wt.x.v, wt.y.v)\n      pc.scale.set(wt.scaleX.v, wt.scaleY.v)\n      pc.rotation = wt.rotation.v\n      pc.alpha = this.worldAlpha.v\n    } else {\n      const lt = this.localTransform\n      pc.position.set(lt.x, lt.y)\n      if (this.#useYSort) pc.zIndex = lt.y\n      pc.pivot.set(lt.pivotX, lt.pivotY)\n      pc.scale.set(lt.scaleX, lt.scaleY)\n      pc.rotation = lt.rotation\n      pc.alpha = this.alpha\n    }\n\n    super._updateWorldTransform()\n  }\n\n  set x(v) { this.localTransform.x = v }\n  get x() { return this.localTransform.x }\n\n  set y(v) { this.localTransform.y = v }\n  get y() { return this.localTransform.y }\n\n  set scale(v) { this.localTransform.scaleX = v; this.localTransform.scaleY = v }\n  get scale() { return this.localTransform.scaleX }\n\n  set scaleX(v) { this.localTransform.scaleX = v }\n  get scaleX() { return this.localTransform.scaleX }\n\n  set scaleY(v) { this.localTransform.scaleY = v }\n  get scaleY() { return this.localTransform.scaleY }\n\n  set pivotX(v) { this.localTransform.pivotX = v }\n  get pivotX() { return this.localTransform.pivotX }\n\n  set pivotY(v) { this.localTransform.pivotY = v }\n  get pivotY() { return this.localTransform.pivotY }\n\n  set rotation(v) { this.localTransform.rotation = v }\n  get rotation() { return this.localTransform.rotation }\n}\n"]}

package/lib/node/ext/animated-sprite.js

@@ -0,0 +1,77 @@
+import { AnimatedSprite as PixiAnimatedSprite } from 'pixi.js';
+import { getCachedAtlasId, spritesheetLoader } from '../../asset/loaders/spritesheet';
+import { GameObject } from '../core/game-object';
+export class AnimatedSpriteNode extends GameObject {
+    #src;
+    #atlas;
+    #animation;
+    #atlasId;
+    #sheet;
+    #sprite;
+    constructor(options) {
+        super(options);
+        this.#src = options.src;
+        this.#atlas = options.atlas;
+        this.#animation = options.animation;
+        this.#load();
+    }
+    async #load() {
+        this.#atlasId = getCachedAtlasId(this.#src, this.#atlas);
+        if (spritesheetLoader.checkCached(this.#atlasId)) {
+            this.#sheet = spritesheetLoader.getCached(this.#atlasId);
+        }
+        else {
+            console.info(`Spritesheet not preloaded. Loading now: ${this.#atlasId}`);
+            this.#sheet = await spritesheetLoader.load(this.#atlasId, this.#src, this.#atlas);
+        }
+        this.#updateAnimation();
+    }
+    #updateAnimation() {
+        this.#sprite?.destroy();
+        this.#sprite = undefined;
+        if (this.#sheet) {
+            if (!this.#sheet.animations[this.#animation]) {
+                console.error(`Animation not found: ${this.#animation}`);
+                return;
+            }
+            const a = this.#atlas.animations[this.#animation];
+            const s = new PixiAnimatedSprite(this.#sheet.animations[this.#animation]);
+            s.anchor.set(0.5, 0.5);
+            s.loop = a.loop;
+            s.animationSpeed = a.fps / 60;
+            s.play();
+            s.onLoop = () => this.emit('animationend', this.#animation);
+            s.onComplete = () => this.emit('animationend', this.#animation);
+            this._pixiContainer.addChild(s);
+            this.#sprite = s;
+        }
+    }
+    set src(src) {
+        if (this.#src !== src) {
+            spritesheetLoader.release(this.#atlasId);
+            this.#src = src;
+            this.#load();
+        }
+    }
+    get src() { return this.#src; }
+    set atlas(atlas) {
+        if (this.#atlas !== atlas) {
+            spritesheetLoader.release(this.#atlasId);
+            this.#atlas = atlas;
+            this.#load();
+        }
+    }
+    get atlas() { return this.#atlas; }
+    set animation(animation) {
+        if (this.#animation !== animation) {
+            this.#animation = animation;
+            this.#updateAnimation();
+        }
+    }
+    get animation() { return this.#animation; }
+    remove() {
+        spritesheetLoader.release(this.#atlasId);
+        super.remove();
+    }
+}
+//# sourceMappingURL=animated-sprite.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animated-sprite.js","sourceRoot":"","sources":["../../../src/node/ext/animated-sprite.ts"],"names":[],"mappings":"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","sourcesContent":["import { EventMap } from '@webtaku/event-emitter'\nimport { AnimatedSprite as PixiAnimatedSprite, Spritesheet } from 'pixi.js'\nimport { getCachedAtlasId, spritesheetLoader } from '../../asset/loaders/spritesheet'\nimport { Atlas } from '../../types/atlas'\nimport { GameObject, GameObjectOptions } from '../core/game-object'\n\nexport type AnimatedSpriteNodeOptions = {\n  src: string\n  atlas: Atlas\n  animation: string\n} & GameObjectOptions\n\nexport class AnimatedSpriteNode<E extends EventMap = EventMap> extends GameObject<E & {\n  animationend: (animation: string) => void\n}> {\n  #src: string\n  #atlas: Atlas\n  #animation: string\n\n  #atlasId!: string\n  #sheet?: Spritesheet\n  #sprite?: PixiAnimatedSprite\n\n  constructor(options: AnimatedSpriteNodeOptions) {\n    super(options)\n    this.#src = options.src\n    this.#atlas = options.atlas\n    this.#animation = options.animation\n    this.#load()\n  }\n\n  async #load() {\n    this.#atlasId = getCachedAtlasId(this.#src, this.#atlas)\n\n    if (spritesheetLoader.checkCached(this.#atlasId)) {\n      this.#sheet = spritesheetLoader.getCached(this.#atlasId)\n    } else {\n      console.info(`Spritesheet not preloaded. Loading now: ${this.#atlasId}`)\n      this.#sheet = await spritesheetLoader.load(this.#atlasId, this.#src, this.#atlas)\n    }\n\n    this.#updateAnimation()\n  }\n\n  #updateAnimation() {\n    this.#sprite?.destroy()\n    this.#sprite = undefined\n\n    if (this.#sheet) {\n      if (!this.#sheet.animations[this.#animation]) {\n        console.error(`Animation not found: ${this.#animation}`)\n        return\n      }\n\n      const a = this.#atlas.animations[this.#animation]\n      const s = new PixiAnimatedSprite(this.#sheet.animations[this.#animation])\n\n      s.anchor.set(0.5, 0.5)\n      s.loop = a.loop\n      s.animationSpeed = a.fps / 60\n      s.play()\n      s.onLoop = () => (this as any).emit('animationend', this.#animation)\n      s.onComplete = () => (this as any).emit('animationend', this.#animation)\n\n      this._pixiContainer.addChild(s)\n      this.#sprite = s\n    }\n  }\n\n  set src(src) {\n    if (this.#src !== src) {\n      spritesheetLoader.release(this.#atlasId)\n      this.#src = src\n      this.#load()\n    }\n  }\n\n  get src() { return this.#src }\n\n  set atlas(atlas) {\n    if (this.#atlas !== atlas) {\n      spritesheetLoader.release(this.#atlasId)\n      this.#atlas = atlas\n      this.#load()\n    }\n  }\n\n  get atlas() { return this.#atlas }\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  remove() {\n    spritesheetLoader.release(this.#atlasId)\n    super.remove()\n  }\n}\n"]}

package/lib/node/ext/bitmap-text.js

@@ -0,0 +1,93 @@
+import { Rectangle as PixiRectangle, Sprite as PixiSprite, Texture as PixiTexture } from 'pixi.js';
+import { bitmapFontLoader } from '../../asset/loaders/bitmap-font';
+import { GameObject } from '../core/game-object';
+export class BitmapTextNode extends GameObject {
+    #fnt;
+    #src;
+    #text;
+    #sprites = [];
+    constructor(options) {
+        super(options);
+        this.#fnt = options.fnt;
+        this.#src = options.src;
+        this.#text = options.text;
+        this.#load();
+    }
+    async #load() {
+        let font;
+        if (bitmapFontLoader.checkCached(this.#fnt)) {
+            font = bitmapFontLoader.getCached(this.#fnt);
+        }
+        else {
+            console.info(`Bitmap font not preloaded. Loading now: ${this.#fnt}`);
+            font = await bitmapFontLoader.load(this.#fnt, this.#src);
+        }
+        if (!font)
+            return;
+        for (const sprite of this.#sprites) {
+            sprite.destroy();
+        }
+        this.#sprites = [];
+        let xPos = 0, yPos = 0;
+        let minX = Infinity, minY = Infinity;
+        let maxX = -Infinity, maxY = -Infinity;
+        for (let i = 0; i < this.#text.length; i++) {
+            const charCode = this.#text.charCodeAt(i);
+            if (charCode === 10) {
+                xPos = 0;
+                yPos += font.lineHeight;
+                continue;
+            }
+            const c = font.chars[charCode];
+            if (!c)
+                continue;
+            const frame = new PixiRectangle(c.x, c.y, c.width, c.height);
+            const texture = new PixiTexture({ source: font.texture.source, frame });
+            const sprite = new PixiSprite(texture);
+            const x0 = xPos + c.xoffset;
+            const y0 = yPos + c.yoffset;
+            sprite.x = x0;
+            sprite.y = y0;
+            this.#sprites.push(sprite);
+            const x1 = x0 + c.width;
+            const y1 = y0 + c.height;
+            if (x0 < minX)
+                minX = x0;
+            if (y0 < minY)
+                minY = y0;
+            if (x1 > maxX)
+                maxX = x1;
+            if (y1 > maxY)
+                maxY = y1;
+            xPos += c.xadvance;
+        }
+        if (minX === Infinity) {
+            minX = 0;
+            minY = 0;
+        }
+        if (maxX === -Infinity) {
+            maxX = 0;
+            maxY = 0;
+        }
+        const width = maxX - minX;
+        const height = maxY - minY;
+        for (const s of this.#sprites) {
+            s.x -= width / 2;
+            s.y -= height / 2;
+            this._pixiContainer.addChild(s);
+        }
+    }
+    changeFont(fnt, src) {
+        if (this.#fnt !== fnt || this.#src !== src) {
+            bitmapFontLoader.release(this.#fnt);
+            this.#fnt = fnt;
+            this.#src = src;
+            this.#load();
+        }
+    }
+    remove() {
+        bitmapFontLoader.release(this.#fnt);
+        super.remove();
+    }
+}
+//# sourceMappingURL=bitmap-text.js.map

package/lib/node/ext/bitmap-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bitmap-text.js","sourceRoot":"","sources":["../../../src/node/ext/bitmap-text.ts"],"names":[],"mappings":"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","sourcesContent":["import { EventMap } from '@webtaku/event-emitter'\nimport { Rectangle as PixiRectangle, Sprite as PixiSprite, Texture as PixiTexture } from 'pixi.js'\nimport { bitmapFontLoader } from '../../asset/loaders/bitmap-font'\nimport { GameObject, GameObjectOptions } from '../core/game-object'\n\nexport type BitmapTextNodeOptions = {\n  fnt: string\n  src: string\n  text: string\n} & GameObjectOptions\n\nexport class BitmapTextNode<E extends EventMap = EventMap> extends GameObject<E> {\n  #fnt: string\n  #src: string\n  #text: string\n  #sprites: PixiSprite[] = []\n\n  constructor(options: BitmapTextNodeOptions) {\n    super(options)\n    this.#fnt = options.fnt\n    this.#src = options.src\n    this.#text = options.text\n    this.#load()\n  }\n\n  async #load() {\n    let font\n    if (bitmapFontLoader.checkCached(this.#fnt)) {\n      font = bitmapFontLoader.getCached(this.#fnt)\n    } else {\n      console.info(`Bitmap font not preloaded. Loading now: ${this.#fnt}`)\n      font = await bitmapFontLoader.load(this.#fnt, this.#src)\n    }\n    if (!font) return\n\n    for (const sprite of this.#sprites) {\n      sprite.destroy()\n    }\n    this.#sprites = []\n\n    let xPos = 0, yPos = 0\n    let minX = Infinity, minY = Infinity\n    let maxX = -Infinity, maxY = -Infinity\n\n    for (let i = 0; i < this.#text.length; i++) {\n      const charCode = this.#text.charCodeAt(i)\n\n      if (charCode === 10) {\n        xPos = 0\n        yPos += font.lineHeight\n        continue\n      }\n\n      const c = font.chars[charCode]\n      if (!c) continue\n\n      const frame = new PixiRectangle(c.x, c.y, c.width, c.height)\n      const texture = new PixiTexture({ source: font.texture.source, frame })\n      const sprite = new PixiSprite(texture)\n\n      const x0 = xPos + c.xoffset\n      const y0 = yPos + c.yoffset\n\n      sprite.x = x0\n      sprite.y = y0\n\n      this.#sprites.push(sprite)\n\n      const x1 = x0 + c.width\n      const y1 = y0 + c.height\n\n      if (x0 < minX) minX = x0\n      if (y0 < minY) minY = y0\n      if (x1 > maxX) maxX = x1\n      if (y1 > maxY) maxY = y1\n\n      xPos += c.xadvance\n    }\n\n    if (minX === Infinity) {\n      minX = 0\n      minY = 0\n    }\n\n    if (maxX === -Infinity) {\n      maxX = 0\n      maxY = 0\n    }\n\n    const width = maxX - minX\n    const height = maxY - minY\n\n    for (const s of this.#sprites) {\n      s.x -= width / 2\n      s.y -= height / 2\n      this._pixiContainer.addChild(s)\n    }\n  }\n\n  changeFont(fnt: string, src: string) {\n    if (this.#fnt !== fnt || this.#src !== src) {\n      bitmapFontLoader.release(this.#fnt)\n      this.#fnt = fnt\n      this.#src = src\n      this.#load()\n    }\n  }\n\n  override remove() {\n    bitmapFontLoader.release(this.#fnt)\n    super.remove()\n  }\n}\n"]}

package/lib/node/ext/circle.js

@@ -0,0 +1,43 @@
+import { Graphics } from 'pixi.js';
+import { TransformableNode } from '../core/transformable';
+export class CircleNode extends TransformableNode {
+    #radius;
+    #fill;
+    #stroke;
+    constructor(options) {
+        super(new Graphics({ sortableChildren: true }), options);
+        this.#radius = options.radius;
+        this.#fill = options.fill;
+        this.#stroke = options.stroke;
+        this.#draw();
+    }
+    #draw() {
+        this._pixiContainer.clear().circle(0, 0, this.#radius);
+        if (this.#fill)
+            this._pixiContainer.fill(this.#fill);
+        if (this.#stroke)
+            this._pixiContainer.stroke(this.#stroke);
+    }
+    set radius(v) {
+        if (v !== this.#radius) {
+            this.#radius = v;
+            this.#draw();
+        }
+    }
+    get radius() { return this.#radius; }
+    set fill(v) {
+        if (v !== this.#fill) {
+            this.#fill = v;
+            this.#draw();
+        }
+    }
+    get fill() { return this.#fill; }
+    set stroke(v) {
+        if (v !== this.#stroke) {
+            this.#stroke = v;
+            this.#draw();
+        }
+    }
+    get stroke() { return this.#stroke; }
+}
+//# sourceMappingURL=circle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"circle.js","sourceRoot":"","sources":["../../../src/node/ext/circle.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,QAAQ,EAAe,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAA4B,MAAM,uBAAuB,CAAA;AAQnF,MAAM,OAAO,UAAW,SAAQ,iBAAqC;IACnE,OAAO,CAAQ;IACf,KAAK,CAAY;IACjB,OAAO,CAAc;IAErB,YAAY,OAA0B;QACpC,KAAK,CAAC,IAAI,QAAQ,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,CAAC,CAAA;QAExD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,CAAA;QAC7B,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,CAAA;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,CAAA;QAE7B,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;IAED,KAAK;QACH,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;QACtD,IAAI,IAAI,CAAC,KAAK;YAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACpD,IAAI,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAC5D,CAAC;IAED,IAAI,MAAM,CAAC,CAAC;QACV,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;YACvB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAA;YAChB,IAAI,CAAC,KAAK,EAAE,CAAA;QACd,CAAC;IACH,CAAC;IACD,IAAI,MAAM,KAAK,OAAO,IAAI,CAAC,OAAO,CAAA,CAAC,CAAC;IAEpC,IAAI,IAAI,CAAC,CAAC;QACR,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;YACrB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAA;YACd,IAAI,CAAC,KAAK,EAAE,CAAA;QACd,CAAC;IACH,CAAC;IACD,IAAI,IAAI,KAAK,OAAO,IAAI,CAAC,KAAK,CAAA,CAAC,CAAC;IAEhC,IAAI,MAAM,CAAC,CAAC;QACV,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;YACvB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAA;YAChB,IAAI,CAAC,KAAK,EAAE,CAAA;QACd,CAAC;IACH,CAAC;IACD,IAAI,MAAM,KAAK,OAAO,IAAI,CAAC,OAAO,CAAA,CAAC,CAAC;CACrC","sourcesContent":["import { EventMap } from '@webtaku/event-emitter'\nimport { FillInput, Graphics, StrokeInput } from 'pixi.js'\nimport { TransformableNode, TransformableNodeOptions } from '../core/transformable'\n\nexport type CircleNodeOptions = {\n  radius: number\n  fill?: FillInput\n  stroke?: StrokeInput\n} & TransformableNodeOptions\n\nexport class CircleNode extends TransformableNode<Graphics, EventMap> {\n  #radius: number\n  #fill?: FillInput\n  #stroke?: StrokeInput\n\n  constructor(options: CircleNodeOptions) {\n    super(new Graphics({ sortableChildren: true }), options)\n\n    this.#radius = options.radius\n    this.#fill = options.fill\n    this.#stroke = options.stroke\n\n    this.#draw()\n  }\n\n  #draw() {\n    this._pixiContainer.clear().circle(0, 0, this.#radius)\n    if (this.#fill) this._pixiContainer.fill(this.#fill)\n    if (this.#stroke) this._pixiContainer.stroke(this.#stroke)\n  }\n\n  set radius(v) {\n    if (v !== this.#radius) {\n      this.#radius = v\n      this.#draw()\n    }\n  }\n  get radius() { return this.#radius }\n\n  set fill(v) {\n    if (v !== this.#fill) {\n      this.#fill = v\n      this.#draw()\n    }\n  }\n  get fill() { return this.#fill }\n\n  set stroke(v) {\n    if (v !== this.#stroke) {\n      this.#stroke = v\n      this.#draw()\n    }\n  }\n  get stroke() { return this.#stroke }\n}\n"]}

package/lib/node/ext/deplay.js

@@ -0,0 +1,22 @@
+import { GameNode } from '../core/game-node';
+export class DelayNode extends GameNode {
+    #delay;
+    #accumulated = 0;
+    #callback;
+    constructor(delay, callback) {
+        super();
+        this.#delay = delay;
+        this.#callback = callback;
+    }
+    update(dt) {
+        if (this.paused)
+            return;
+        super.update(dt);
+        this.#accumulated += dt;
+        if (this.#accumulated >= this.#delay) {
+            this.#callback();
+            this.remove();
+        }
+    }
+}
+//# sourceMappingURL=deplay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deplay.js","sourceRoot":"","sources":["../../../src/node/ext/deplay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,MAAM,OAAO,SAAU,SAAQ,QAAkB;IAC/C,MAAM,CAAQ;IACd,YAAY,GAAG,CAAC,CAAA;IAChB,SAAS,CAAY;IAErB,YAAY,KAAa,EAAE,QAAoB;QAC7C,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;QACnB,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAA;IAC3B,CAAC;IAEkB,MAAM,CAAC,EAAU;QAClC,IAAI,IAAI,CAAC,MAAM;YAAE,OAAM;QACvB,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;QAEhB,IAAI,CAAC,YAAY,IAAI,EAAE,CAAA;QACvB,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACrC,IAAI,CAAC,SAAS,EAAE,CAAA;YAChB,IAAI,CAAC,MAAM,EAAE,CAAA;QACf,CAAC;IACH,CAAC;CACF","sourcesContent":["import { EventMap } from '@webtaku/event-emitter'\nimport { GameNode } from '../core/game-node'\n\nexport class DelayNode extends GameNode<EventMap> {\n  #delay: number\n  #accumulated = 0\n  #callback: () => void\n\n  constructor(delay: number, callback: () => void) {\n    super()\n    this.#delay = delay\n    this.#callback = callback\n  }\n\n  protected override update(dt: number) {\n    if (this.paused) return\n    super.update(dt)\n\n    this.#accumulated += dt\n    if (this.#accumulated >= this.#delay) {\n      this.#callback()\n      this.remove()\n    }\n  }\n}\n"]}

package/lib/node/ext/dom-container.js

@@ -0,0 +1,51 @@
+import { GameObject } from '../core/game-object';
+export class DomContainerNode extends GameObject {
+    #el;
+    constructor(el, options) {
+        super(options);
+        el.style.position = 'absolute';
+        el.style.left = '0';
+        el.style.top = '0';
+        el.style.zIndex = '1';
+        this.#el = el;
+    }
+    #syncTransform() {
+        const renderer = this.renderer;
+        if (renderer) {
+            const wt = this.worldTransform;
+            const S = renderer.viewportScale;
+            this.#el.style.transform = `
+        translate(
+          calc(-50% + ${wt.x.v * S + renderer.canvasLeft + renderer.centerX * S}px),
+          calc(-50% + ${wt.y.v * S + renderer.canvasTop + renderer.centerY * S}px)
+        )
+        scale(${wt.scaleX.v * S}, ${wt.scaleY.v * S})
+        rotate(${wt.rotation.v}rad)
+      `;
+        }
+    }
+    set renderer(renderer) {
+        super.renderer = renderer;
+        if (renderer) {
+            renderer.container.appendChild(this.#el);
+            this.#syncTransform();
+        }
+    }
+    get renderer() {
+        return super.renderer;
+    }
+    _updateWorldTransform() {
+        super._updateWorldTransform();
+        const renderer = this.renderer;
+        if (renderer && (renderer._isSizeDirty || this.worldTransform.dirty)) {
+            this.#syncTransform();
+        }
+        if (this.worldAlpha.dirty)
+            this.#el.style.opacity = this.worldAlpha.v.toString();
+    }
+    remove() {
+        this.#el.remove();
+        super.remove();
+    }
+}
+//# sourceMappingURL=dom-container.js.map

package/lib/node/ext/dom-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-container.js","sourceRoot":"","sources":["../../../src/node/ext/dom-container.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAqB,MAAM,qBAAqB,CAAA;AAInE,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAC9C,GAAG,CAAa;IAEhB,YAAY,EAAe,EAAE,OAAiC;QAC5D,KAAK,CAAC,OAAO,CAAC,CAAA;QACd,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAA;QAC9B,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAA;QACnB,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAA;QAClB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAA;QACrB,IAAI,CAAC,GAAG,GAAG,EAAE,CAAA;IACf,CAAC;IAED,cAAc;QACZ,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAA;QAC9B,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,EAAE,GAAG,IAAI,CAAC,cAAc,CAAA;YAC9B,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAA;YAEhC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG;;wBAET,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,UAAU,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC;wBACvD,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC;;gBAE9D,EAAE,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC;iBAClC,EAAE,CAAC,QAAQ,CAAC,CAAC;OACvB,CAAA;QACH,CAAC;IACH,CAAC;IAED,IAAuB,QAAQ,CAAC,QAA8B;QAC5D,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAEzB,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YACxC,IAAI,CAAC,cAAc,EAAE,CAAA;QACvB,CAAC;IACH,CAAC;IAED,IAAuB,QAAQ;QAC7B,OAAO,KAAK,CAAC,QAAQ,CAAA;IACvB,CAAC;IAEQ,qBAAqB;QAC5B,KAAK,CAAC,qBAAqB,EAAE,CAAA;QAE7B,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAA;QAC9B,IAAI,QAAQ,IAAI,CAAC,QAAQ,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YACrE,IAAI,CAAC,cAAc,EAAE,CAAA;QACvB,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK;YAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAA;IAClF,CAAC;IAEQ,MAAM;QACb,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAA;QACjB,KAAK,CAAC,MAAM,EAAE,CAAA;IAChB,CAAC;CACF","sourcesContent":["import { Renderer } from '../../renderer/renderer'\nimport { GameObject, GameObjectOptions } from '../core/game-object'\n\nexport type DomContainerNodeOptions = {} & GameObjectOptions\n\nexport class DomContainerNode extends GameObject {\n  #el: HTMLElement\n\n  constructor(el: HTMLElement, options?: DomContainerNodeOptions) {\n    super(options)\n    el.style.position = 'absolute'\n    el.style.left = '0'\n    el.style.top = '0'\n    el.style.zIndex = '1'\n    this.#el = el\n  }\n\n  #syncTransform() {\n    const renderer = this.renderer\n    if (renderer) {\n      const wt = this.worldTransform\n      const S = renderer.viewportScale\n\n      this.#el.style.transform = `\n        translate(\n          calc(-50% + ${wt.x.v * S + renderer.canvasLeft + renderer.centerX * S}px),\n          calc(-50% + ${wt.y.v * S + renderer.canvasTop + renderer.centerY * S}px)\n        )\n        scale(${wt.scaleX.v * S}, ${wt.scaleY.v * S})\n        rotate(${wt.rotation.v}rad)\n      `\n    }\n  }\n\n  protected override set renderer(renderer: Renderer | undefined) {\n    super.renderer = renderer\n\n    if (renderer) {\n      renderer.container.appendChild(this.#el)\n      this.#syncTransform()\n    }\n  }\n\n  protected override get renderer() {\n    return super.renderer\n  }\n\n  override _updateWorldTransform() {\n    super._updateWorldTransform()\n\n    const renderer = this.renderer\n    if (renderer && (renderer._isSizeDirty || this.worldTransform.dirty)) {\n      this.#syncTransform()\n    }\n    if (this.worldAlpha.dirty) this.#el.style.opacity = this.worldAlpha.v.toString()\n  }\n\n  override remove() {\n    this.#el.remove()\n    super.remove()\n  }\n}\n"]}

package/lib/node/ext/interval.js

@@ -0,0 +1,22 @@
+import { GameNode } from '../core/game-node';
+export class IntervalNode extends GameNode {
+    interval;
+    #accumulated = 0;
+    #callback;
+    constructor(interval, callback) {
+        super();
+        this.interval = interval;
+        this.#callback = callback;
+    }
+    update(dt) {
+        if (this.paused)
+            return;
+        super.update(dt);
+        this.#accumulated += dt;
+        if (this.#accumulated >= this.interval) {
+            this.#accumulated %= this.interval;
+            this.#callback();
+        }
+    }
+}
+//# sourceMappingURL=interval.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interval.js","sourceRoot":"","sources":["../../../src/node/ext/interval.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,MAAM,OAAO,YAAa,SAAQ,QAAkB;IAClD,QAAQ,CAAQ;IAChB,YAAY,GAAG,CAAC,CAAA;IAChB,SAAS,CAAY;IAErB,YAAY,QAAgB,EAAE,QAAoB;QAChD,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAA;QACxB,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAA;IAC3B,CAAC;IAEkB,MAAM,CAAC,EAAU;QAClC,IAAI,IAAI,CAAC,MAAM;YAAE,OAAM;QACvB,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;QAEhB,IAAI,CAAC,YAAY,IAAI,EAAE,CAAA;QACvB,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACvC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,CAAA;YAClC,IAAI,CAAC,SAAS,EAAE,CAAA;QAClB,CAAC;IACH,CAAC;CACF","sourcesContent":["import { EventMap } from '@webtaku/event-emitter'\nimport { GameNode } from '../core/game-node'\n\nexport class IntervalNode extends GameNode<EventMap> {\n  interval: number\n  #accumulated = 0\n  #callback: () => void\n\n  constructor(interval: number, callback: () => void) {\n    super()\n    this.interval = interval\n    this.#callback = callback\n  }\n\n  protected override update(dt: number) {\n    if (this.paused) return\n    super.update(dt)\n\n    this.#accumulated += dt\n    if (this.#accumulated >= this.interval) {\n      this.#accumulated %= this.interval\n      this.#callback()\n    }\n  }\n}\n"]}

package/lib/node/ext/particle.js

@@ -0,0 +1,98 @@
+import { Sprite as PixiSprite } from 'pixi.js';
+import { textureLoader } from '../../asset/loaders/texture';
+import { GameObject } from '../core/game-object';
+function random(min, max) {
+    return Math.random() * (max - min) + min;
+}
+export class ParticleSystem extends GameObject {
+    #textureSrc;
+    #count;
+    #lifespan;
+    #angle;
+    #velocity;
+    #scale;
+    #startAlpha;
+    #fadeRate;
+    #orientToVelocity;
+    #blendMode;
+    #texture;
+    #loadTexturePromise;
+    #particles = [];
+    constructor(options) {
+        super(options);
+        this.#textureSrc = options.texture;
+        this.#count = options.count;
+        this.#lifespan = options.lifespan;
+        this.#angle = options.angle;
+        this.#velocity = options.velocity;
+        this.#scale = options.particleScale;
+        this.#startAlpha = options.startAlpha;
+        this.#fadeRate = options.fadeRate;
+        this.#orientToVelocity = options.orientToVelocity;
+        this.#blendMode = options.blendMode;
+        this.#loadTexturePromise = this.#loadTexture();
+    }
+    async #loadTexture() {
+        if (textureLoader.checkCached(this.#textureSrc)) {
+            this.#texture = textureLoader.getCached(this.#textureSrc);
+        }
+        else {
+            console.info(`Texture not preloaded. Loading now: ${this.#textureSrc}`);
+            this.#texture = await textureLoader.load(this.#textureSrc);
+        }
+    }
+    async burst({ x, y }) {
+        if (!this.#texture)
+            await this.#loadTexturePromise;
+        const count = random(this.#count.min, this.#count.max);
+        for (let i = 0; i < count; i++) {
+            const lifespan = random(this.#lifespan.min, this.#lifespan.max);
+            const angle = random(this.#angle.min, this.#angle.max);
+            const sin = Math.sin(angle);
+            const cos = Math.cos(angle);
+            const velocity = random(this.#velocity.min, this.#velocity.max);
+            const scale = random(this.#scale.min, this.#scale.max);
+            const sprite = new PixiSprite({
+                x, y,
+                texture: this.#texture,
+                anchor: { x: 0.5, y: 0.5 },
+                scale: { x: scale, y: scale },
+                alpha: this.#startAlpha,
+                blendMode: this.#blendMode,
+                rotation: this.#orientToVelocity ? angle : undefined,
+            });
+            this.#particles.push({
+                sprite,
+                age: 0,
+                lifespan,
+                velocityX: velocity * cos,
+                velocityY: velocity * sin,
+                fadeRate: this.#fadeRate,
+            });
+            this._pixiContainer.addChild(sprite);
+        }
+    }
+    update(dt) {
+        super.update(dt);
+        const ps = this.#particles;
+        for (let i = 0; i < ps.length; i++) {
+            const p = ps[i];
+            const g = p.sprite;
+            p.age += dt;
+            if (p.age > p.lifespan) {
+                g.destroy({ children: true });
+                ps.splice(i, 1);
+                i--;
+                continue;
+            }
+            g.x += p.velocityX * dt;
+            g.y += p.velocityY * dt;
+            g.alpha += p.fadeRate * dt;
+        }
+    }
+    remove() {
+        textureLoader.release(this.#textureSrc);
+        super.remove();
+    }
+}
+//# sourceMappingURL=particle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"particle.js","sourceRoot":"","sources":["../../../src/node/ext/particle.ts"],"names":[],"mappings":"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","sourcesContent":["import { BLEND_MODES, Sprite as PixiSprite, Texture as PixiTexture } from 'pixi.js'\nimport { textureLoader } from '../../asset/loaders/texture'\nimport { GameObject, GameObjectOptions } from '../core/game-object'\n\ntype RandomRange = { min: number, max: number }\n\nexport type ParticleSystemOptions = {\n  texture: string\n\n  count: RandomRange\n  lifespan: RandomRange\n  angle: RandomRange\n  velocity: RandomRange\n  particleScale: RandomRange\n\n  startAlpha?: number\n  fadeRate: number\n  orientToVelocity: boolean\n\n  blendMode?: BLEND_MODES // ex) 'screen', 'multiply'\n} & GameObjectOptions\n\ninterface Particle {\n  sprite: PixiSprite\n\n  age: number\n  lifespan: number\n\n  velocityX: number\n  velocityY: number\n\n  fadeRate: number\n}\n\nfunction random(min: number, max: number) {\n  return Math.random() * (max - min) + min\n}\n\nexport class ParticleSystem extends GameObject {\n  #textureSrc: string\n  #count: RandomRange\n  #lifespan: RandomRange\n  #angle: RandomRange\n  #velocity: RandomRange\n  #scale: RandomRange\n  #startAlpha?: number\n  #fadeRate: number\n  #orientToVelocity: boolean\n  #blendMode?: BLEND_MODES\n\n  #texture?: PixiTexture\n  #loadTexturePromise: Promise<void>\n  #particles: Particle[] = []\n\n  constructor(options: ParticleSystemOptions) {\n    super(options)\n\n    this.#textureSrc = options.texture\n    this.#count = options.count\n    this.#lifespan = options.lifespan\n    this.#angle = options.angle\n    this.#velocity = options.velocity\n    this.#scale = options.particleScale\n    this.#startAlpha = options.startAlpha\n    this.#fadeRate = options.fadeRate\n    this.#orientToVelocity = options.orientToVelocity\n    this.#blendMode = options.blendMode\n\n    this.#loadTexturePromise = this.#loadTexture()\n  }\n\n  async #loadTexture() {\n    if (textureLoader.checkCached(this.#textureSrc)) {\n      this.#texture = textureLoader.getCached(this.#textureSrc)\n    } else {\n      console.info(`Texture not preloaded. Loading now: ${this.#textureSrc}`)\n      this.#texture = await textureLoader.load(this.#textureSrc)\n    }\n  }\n\n  async burst({ x, y }: { x: number; y: number }) {\n    if (!this.#texture) await this.#loadTexturePromise\n\n    const count = random(this.#count.min, this.#count.max)\n    for (let i = 0; i < count; i++) {\n      const lifespan = random(this.#lifespan.min, this.#lifespan.max)\n      const angle = random(this.#angle.min, this.#angle.max)\n      const sin = Math.sin(angle)\n      const cos = Math.cos(angle)\n      const velocity = random(this.#velocity.min, this.#velocity.max)\n      const scale = random(this.#scale.min, this.#scale.max)\n\n      const sprite = new PixiSprite({\n        x, y,\n        texture: this.#texture,\n        anchor: { x: 0.5, y: 0.5 },\n        scale: { x: scale, y: scale },\n        alpha: this.#startAlpha,\n        blendMode: this.#blendMode,\n        rotation: this.#orientToVelocity ? angle : undefined,\n      })\n\n      this.#particles.push({\n        sprite,\n        age: 0,\n        lifespan,\n        velocityX: velocity * cos,\n        velocityY: velocity * sin,\n        fadeRate: this.#fadeRate,\n      })\n\n      this._pixiContainer.addChild(sprite)\n    }\n  }\n\n  protected override update(dt: number) {\n    super.update(dt)\n\n    const ps = this.#particles\n    for (let i = 0; i < ps.length; i++) {\n      const p = ps[i]\n      const g = p.sprite\n\n      p.age += dt\n      if (p.age > p.lifespan) {\n        g.destroy({ children: true })\n        ps.splice(i, 1)\n        i--\n        continue\n      }\n\n      g.x += p.velocityX * dt\n      g.y += p.velocityY * dt\n      g.alpha += p.fadeRate * dt\n    }\n  }\n\n  override remove() {\n    textureLoader.release(this.#textureSrc)\n    super.remove()\n  }\n}\n"]}

package/lib/node/ext/rectangle.js

@@ -0,0 +1,52 @@
+import { Graphics } from 'pixi.js';
+import { TransformableNode } from '../core/transformable';
+export class RectangleNode extends TransformableNode {
+    #width;
+    #height;
+    #fill;
+    #stroke;
+    constructor(options) {
+        super(new Graphics({ sortableChildren: true }), options);
+        this.#width = options.width;
+        this.#height = options.height;
+        this.#fill = options.fill;
+        this.#stroke = options.stroke;
+        this.#draw();
+    }
+    #draw() {
+        this._pixiContainer.clear().rect(-this.#width / 2, -this.#height / 2, this.#width, this.#height);
+        if (this.#fill)
+            this._pixiContainer.fill(this.#fill);
+        if (this.#stroke)
+            this._pixiContainer.stroke(this.#stroke);
+    }
+    set width(v) {
+        if (v !== this.#width) {
+            this.#width = v;
+            this.#draw();
+        }
+    }
+    get width() { return this.#width; }
+    set height(v) {
+        if (v !== this.#height) {
+            this.#height = v;
+            this.#draw();
+        }
+    }
+    get height() { return this.#height; }
+    set fill(v) {
+        if (v !== this.#fill) {
+            this.#fill = v;
+            this.#draw();
+        }
+    }
+    get fill() { return this.#fill; }
+    set stroke(v) {
+        if (v !== this.#stroke) {
+            this.#stroke = v;
+            this.#draw();
+        }
+    }
+    get stroke() { return this.#stroke; }
+}
+//# sourceMappingURL=rectangle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rectangle.js","sourceRoot":"","sources":["../../../src/node/ext/rectangle.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,QAAQ,EAAe,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAA4B,MAAM,uBAAuB,CAAA;AASnF,MAAM,OAAO,aAAc,SAAQ,iBAAqC;IACtE,MAAM,CAAQ;IACd,OAAO,CAAQ;IACf,KAAK,CAAY;IACjB,OAAO,CAAc;IAErB,YAAY,OAA6B;QACvC,KAAK,CAAC,IAAI,QAAQ,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,CAAC,CAAA;QAExD,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,KAAK,CAAA;QAC3B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,CAAA;QAC7B,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,CAAA;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,CAAA;QAE7B,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;IAED,KAAK;QACH,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC,IAAI,CAC9B,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAChB,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,EACjB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,OAAO,CACb,CAAA;QACD,IAAI,IAAI,CAAC,KAAK;YAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACpD,IAAI,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAC5D,CAAC;IAED,IAAI,KAAK,CAAC,CAAC;QACT,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;YACtB,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA;YACf,IAAI,CAAC,KAAK,EAAE,CAAA;QACd,CAAC;IACH,CAAC;IACD,IAAI,KAAK,KAAK,OAAO,IAAI,CAAC,MAAM,CAAA,CAAC,CAAC;IAElC,IAAI,MAAM,CAAC,CAAC;QACV,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;YACvB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAA;YAChB,IAAI,CAAC,KAAK,EAAE,CAAA;QACd,CAAC;IACH,CAAC;IACD,IAAI,MAAM,KAAK,OAAO,IAAI,CAAC,OAAO,CAAA,CAAC,CAAC;IAEpC,IAAI,IAAI,CAAC,CAAC;QACR,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;YACrB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAA;YACd,IAAI,CAAC,KAAK,EAAE,CAAA;QACd,CAAC;IACH,CAAC;IACD,IAAI,IAAI,KAAK,OAAO,IAAI,CAAC,KAAK,CAAA,CAAC,CAAC;IAEhC,IAAI,MAAM,CAAC,CAAC;QACV,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;YACvB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAA;YAChB,IAAI,CAAC,KAAK,EAAE,CAAA;QACd,CAAC;IACH,CAAC;IACD,IAAI,MAAM,KAAK,OAAO,IAAI,CAAC,OAAO,CAAA,CAAC,CAAC;CACrC","sourcesContent":["import { EventMap } from '@webtaku/event-emitter'\nimport { FillInput, Graphics, StrokeInput } from 'pixi.js'\nimport { TransformableNode, TransformableNodeOptions } from '../core/transformable'\n\nexport type RectangleNodeOptions = {\n  width: number\n  height: number\n  fill?: FillInput\n  stroke?: StrokeInput\n} & TransformableNodeOptions\n\nexport class RectangleNode extends TransformableNode<Graphics, EventMap> {\n  #width: number\n  #height: number\n  #fill?: FillInput\n  #stroke?: StrokeInput\n\n  constructor(options: RectangleNodeOptions) {\n    super(new Graphics({ sortableChildren: true }), options)\n\n    this.#width = options.width\n    this.#height = options.height\n    this.#fill = options.fill\n    this.#stroke = options.stroke\n\n    this.#draw()\n  }\n\n  #draw() {\n    this._pixiContainer.clear().rect(\n      -this.#width / 2,\n      -this.#height / 2,\n      this.#width,\n      this.#height,\n    )\n    if (this.#fill) this._pixiContainer.fill(this.#fill)\n    if (this.#stroke) this._pixiContainer.stroke(this.#stroke)\n  }\n\n  set width(v) {\n    if (v !== this.#width) {\n      this.#width = v\n      this.#draw()\n    }\n  }\n  get width() { return this.#width }\n\n  set height(v) {\n    if (v !== this.#height) {\n      this.#height = v\n      this.#draw()\n    }\n  }\n  get height() { return this.#height }\n\n  set fill(v) {\n    if (v !== this.#fill) {\n      this.#fill = v\n      this.#draw()\n    }\n  }\n  get fill() { return this.#fill }\n\n  set stroke(v) {\n    if (v !== this.#stroke) {\n      this.#stroke = v\n      this.#draw()\n    }\n  }\n  get stroke() { return this.#stroke }\n}\n"]}