kiwiengine 0.0.1-alpha

package/lib/types/game-object-ext/tiling-sprite.d.ts

@@ -0,0 +1,20 @@
+import { EventMap } from '@webtaku/event-emitter';
+import { GameObject, GameObjectOptions } from '../game-object/game-object';
+import { WorldTransform } from '../game-object/transform';
+type TilingSpriteOptions = {
+    src?: string;
+    scrollSpeedX?: number;
+    scrollSpeedY?: number;
+} & GameObjectOptions;
+declare class TilingSpriteObject<E extends EventMap = EventMap> extends GameObject<E> {
+    #private;
+    scrollSpeedX?: number;
+    scrollSpeedY?: number;
+    constructor(opts?: TilingSpriteOptions);
+    get src(): string | undefined;
+    set src(src: string | undefined);
+    _engineUpdate(dt: number, pt: WorldTransform): void;
+    remove(): void;
+}
+export { TilingSpriteObject };
+//# sourceMappingURL=tiling-sprite.d.ts.map

package/lib/types/game-object-ext/tiling-sprite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tiling-sprite.d.ts","sourceRoot":"","sources":["../../../src/game-object-ext/tiling-sprite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,KAAK,mBAAmB,GAAG;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,iBAAiB,CAAC;AAEtB,cAAM,kBAAkB,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;;IAI3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;gBAEV,IAAI,CAAC,EAAE,mBAAmB;IA2BtC,IAAI,GAAG,IAIM,MAAM,GAAG,SAAS,CAF9B;IAED,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,EAM9B;IAED,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc;IAQ5C,MAAM;CAIP;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/types/index.d.ts

@@ -0,0 +1,14 @@
+export { musicPlayer, sfxPlayer } from './asset/audio';
+export { AssetSource, preload } from './asset/preload';
+export { AnimatedSpriteObject } from './game-object-ext/animated-sprite';
+export { DomContainerObject } from './game-object-ext/dom-container';
+export { RectangleObject } from './game-object-ext/rect';
+export { SpineObject } from './game-object-ext/spine';
+export { SpriteObject } from './game-object-ext/sprite';
+export { TextObject } from './game-object-ext/text';
+export { GameObject, GameObjectOptions } from './game-object/game-object';
+export { Collider } from './game-object/game-object-physics';
+export { enableDebug } from './utils/debug';
+export { go } from './utils/go';
+export { World } from './world/world';
+//# sourceMappingURL=index.d.ts.map

package/lib/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC"}

package/lib/types/utils/debug.d.ts

@@ -0,0 +1,3 @@
+export declare let debugMode: boolean;
+export declare function enableDebug(): void;
+//# sourceMappingURL=debug.d.ts.map

package/lib/types/utils/debug.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.d.ts","sourceRoot":"","sources":["../../../src/utils/debug.ts"],"names":[],"mappings":"AAAA,eAAO,IAAI,SAAS,SAAQ,CAAC;AAE7B,wBAAgB,WAAW,SAE1B"}

package/lib/types/utils/go.d.ts

@@ -0,0 +1,26 @@
+import { AnimatedSpriteObject } from '../game-object-ext/animated-sprite';
+import { DomContainerObject } from '../game-object-ext/dom-container';
+import { RectangleObject } from '../game-object-ext/rect';
+import { SpineObject } from '../game-object-ext/spine';
+import { SpriteObject } from '../game-object-ext/sprite';
+import { TextObject } from '../game-object-ext/text';
+import { TilingSpriteObject } from '../game-object-ext/tiling-sprite';
+import { GameObject } from '../game-object/game-object';
+declare const GameObjectClassMap: {
+    readonly go: typeof GameObject;
+    readonly sprite: typeof SpriteObject;
+    readonly 'animated-sprite': typeof AnimatedSpriteObject;
+    readonly 'tiling-sprite': typeof TilingSpriteObject;
+    readonly spine: typeof SpineObject;
+    readonly dom: typeof DomContainerObject;
+    readonly text: typeof TextObject;
+    readonly rect: typeof RectangleObject;
+};
+type GameObjectNameMap = {
+    [K in keyof typeof GameObjectClassMap]: InstanceType<(typeof GameObjectClassMap)[K]>;
+};
+type Name = '' | keyof GameObjectNameMap;
+type GameObjectByName<T extends Name> = (T extends '' ? GameObject : (T extends keyof GameObjectNameMap ? GameObjectNameMap[T] : GameObject));
+declare function go<T extends Name>(name?: T, ...args: (GameObjectByName<T> | Partial<GameObjectByName<T>>)[]): GameObjectByName<T>;
+export { go };
+//# sourceMappingURL=go.d.ts.map

package/lib/types/utils/go.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"go.d.ts","sourceRoot":"","sources":["../../../src/utils/go.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,QAAA,MAAM,kBAAkB;;;;;;;;;CASd,CAAC;AAEX,KAAK,iBAAiB,GAAG;KACtB,CAAC,IAAI,MAAM,OAAO,kBAAkB,GAAG,YAAY,CAAC,CAAC,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;CACrF,CAAC;AAEF,KAAK,IAAI,GAAG,EAAE,GAAG,MAAM,iBAAiB,CAAC;AAEzC,KAAK,gBAAgB,CAAC,CAAC,SAAS,IAAI,IAAI,CACtC,CAAC,SAAS,EAAE,GAAG,UAAU,GACvB,CACA,CAAC,SAAS,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,CAAC,CAAC,GACtD,UAAU,CACb,CACF,CAAC;AAEF,iBAAS,EAAE,CAAC,CAAC,SAAS,IAAI,EACxB,IAAI,GAAE,CAAW,EACjB,GAAG,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAC9D,gBAAgB,CAAC,CAAC,CAAC,CAarB;AAED,OAAO,EAAE,EAAE,EAAE,CAAC"}

package/lib/types/world/world-debug.d.ts

@@ -0,0 +1,11 @@
+import Matter from 'matter-js';
+export declare class WorldDebug {
+    #private;
+    constructor(container: HTMLElement);
+    update(): void;
+    createMatterDebugRenderer(engine: Matter.Engine, width: number, height: number): void;
+    setMatterDebugRendererSize(rect: DOMRectReadOnly, width: number, height: number, cameraX: number, cameraY: number): void;
+    setMatterDebugRendererCamera(cameraX: number, cameraY: number): void;
+    destroy(): void;
+}
+//# sourceMappingURL=world-debug.d.ts.map

package/lib/types/world/world-debug.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"world-debug.d.ts","sourceRoot":"","sources":["../../../src/world/world-debug.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,WAAW,CAAC;AAI/B,qBAAa,UAAU;;gBAKT,SAAS,EAAE,WAAW;IAYlC,MAAM;IAIN,yBAAyB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAgC9E,0BAA0B,CACxB,IAAI,EAAE,eAAe,EACrB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM;IAmCjB,4BAA4B,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM;IAe7D,OAAO;CACR"}

package/lib/types/world/world-physics.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from '@webtaku/event-emitter';
+import Matter from 'matter-js';
+import { GameObject } from '../game-object/game-object';
+export declare class WorldPhysics extends EventEmitter<{
+    engineCreated: (engine: Matter.Engine) => void;
+    collisionStart: (a: GameObject, b: GameObject) => void;
+}> {
+    #private;
+    get gravity(): number;
+    set gravity(v: number);
+    addBody(body: Matter.Body): void;
+    removeBody(body: Matter.Body): void;
+    update(dt: number): void;
+    destroy(): void;
+}
+//# sourceMappingURL=world-physics.d.ts.map

package/lib/types/world/world-physics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"world-physics.d.ts","sourceRoot":"","sources":["../../../src/world/world-physics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,qBAAa,YAAa,SAAQ,YAAY,CAAC;IAC7C,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACxD,CAAC;;IAIA,IAAI,OAAO,IACI,MAAM,CADkB;IACvC,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,EAGpB;IAgBD,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI;IAKzB,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI;IAK5B,MAAM,CAAC,EAAE,EAAE,MAAM;IAMjB,OAAO;CAIR"}

package/lib/types/world/world-rendering.d.ts

@@ -0,0 +1,28 @@
+import { Container, EventEmitter } from "pixi.js";
+export declare class WorldRendering extends EventEmitter<{
+    positionChanged: () => void;
+}> {
+    #private;
+    centerX: number;
+    centerY: number;
+    renderWidth: number;
+    renderHeight: number;
+    renderScale: number;
+    canvasLeft: number;
+    canvasTop: number;
+    get backgroundColor(): number;
+    set backgroundColor(v: number);
+    get backgroundAlpha(): number;
+    set backgroundAlpha(v: number);
+    init(container: HTMLElement, width: number | undefined, height: number | undefined): Promise<void>;
+    setRendererSize(rect: DOMRect, width: number, height: number): void;
+    update(): void;
+    get cameraX(): number;
+    set cameraX(value: number);
+    get cameraY(): number;
+    set cameraY(value: number);
+    addPixiChildToRoot(child: Container): void;
+    destroy(): void;
+    setBackgroundImage(image: string | undefined): void;
+}
+//# sourceMappingURL=world-rendering.d.ts.map

package/lib/types/world/world-rendering.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"world-rendering.d.ts","sourceRoot":"","sources":["../../../src/world/world-rendering.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,SAAS,EAAE,YAAY,EAAoB,MAAM,SAAS,CAAC;AAGxF,qBAAa,cAAe,SAAQ,YAAY,CAAC;IAC/C,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;;IAQA,OAAO,SAAK;IACZ,OAAO,SAAK;IACZ,WAAW,SAAK;IAChB,YAAY,SAAK;IACjB,WAAW,SAAK;IAChB,UAAU,SAAK;IACf,SAAS,SAAK;IAGd,IAAI,eAAe,IACI,MAAM,CAD0B;IACvD,IAAI,eAAe,CAAC,CAAC,EAAE,MAAM,EAG5B;IAED,IAAI,eAAe,IACI,MAAM,CAD0B;IACvD,IAAI,eAAe,CAAC,CAAC,EAAE,MAAM,EAG5B;IAEK,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS;IAoCxF,eAAe,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAiC5D,MAAM;IAIN,IAAI,OAAO,IACQ,MAAM,CADc;IACvC,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAAmD;IAC5E,IAAI,OAAO,IACQ,MAAM,CADc;IACvC,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAAmD;IAE5E,kBAAkB,CAAC,KAAK,EAAE,SAAS;IAInC,OAAO;IAMP,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS;CAsB7C"}

package/lib/types/world/world.d.ts

@@ -0,0 +1,38 @@
+import { GameObject, GameObjectOptions } from '../game-object/game-object';
+import { WorldPhysics } from "./world-physics";
+import { WorldRendering } from "./world-rendering";
+export type WorldOptions = {
+    width?: number;
+    height?: number;
+    backgroundColor?: number;
+    backgroundAlpha?: number;
+    gravity?: number;
+} & GameObjectOptions;
+export declare class World extends GameObject<{
+    resize: (width: number, height: number) => void;
+    collisionStart: (a: GameObject, b: GameObject) => void;
+}> {
+    #private;
+    container: HTMLDivElement;
+    _worldRendering: WorldRendering;
+    _worldPhysics: WorldPhysics;
+    _containerSizeDirty: boolean;
+    constructor(opts?: WorldOptions);
+    get width(): number;
+    set width(v: number);
+    get height(): number;
+    set height(v: number);
+    get backgroundColor(): number;
+    set backgroundColor(v: number);
+    get backgroundAlpha(): number;
+    set backgroundAlpha(v: number);
+    get gravity(): number;
+    set gravity(v: number);
+    get cameraX(): number;
+    set cameraX(v: number);
+    get cameraY(): number;
+    set cameraY(v: number);
+    get backgroundImage(): string | undefined;
+    set backgroundImage(image: string | undefined);
+}
+//# sourceMappingURL=world.d.ts.map

package/lib/types/world/world.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"world.d.ts","sourceRoot":"","sources":["../../../src/world/world.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAI3E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,iBAAiB,CAAC;AAEtB,qBAAa,KAAM,SAAQ,UAAU,CAAC;IACpC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACxD,CAAC;;IACA,SAAS,iBAAiC;IAG1C,eAAe,iBAAwB;IACvC,aAAa,eAAsB;IAiCnC,mBAAmB,UAAS;gBAoEhB,IAAI,CAAC,EAAE,YAAY;IAuB/B,IAAI,KAAK,IACI,MAAM,CADoD;IACvE,IAAI,KAAK,CAAC,CAAC,EAAE,MAAM,EAAyC;IAC5D,IAAI,MAAM,IACI,MAAM,CADsD;IAC1E,IAAI,MAAM,CAAC,CAAC,EAAE,MAAM,EAA0C;IAE9D,IAAI,eAAe,IACI,MAAM,CADyC;IACtE,IAAI,eAAe,CAAC,CAAC,EAAE,MAAM,EAA+C;IAC5E,IAAI,eAAe,IACI,MAAM,CADyC;IACtE,IAAI,eAAe,CAAC,CAAC,EAAE,MAAM,EAA+C;IAC5E,IAAI,OAAO,IACI,MAAM,CAD+B;IACpD,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,EAAqC;IAE1D,IAAI,OAAO,IACI,MAAM,CADiC;IACtD,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,EAAuC;IAC5D,IAAI,OAAO,IACI,MAAM,CADiC;IACtD,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,EAAuC;IAG5D,IAAI,eAAe,IACQ,MAAM,GAAG,SAAS,CADU;IACvD,IAAI,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAG5C;CACF"}

package/lib/utils/debug.js

@@ -0,0 +1,5 @@
+export let debugMode = false;
+export function enableDebug() {
+    debugMode = true;
+}
+//# sourceMappingURL=debug.js.map

package/lib/utils/debug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../src/utils/debug.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAI,SAAS,GAAG,KAAK,CAAC;AAE7B,MAAM,UAAU,WAAW;IACzB,SAAS,GAAG,IAAI,CAAC;AACnB,CAAC","sourcesContent":["export let debugMode = false;\n\nexport function enableDebug() {\n  debugMode = true;\n}\n"]}

package/lib/utils/go.js

@@ -0,0 +1,33 @@
+import { AnimatedSpriteObject } from '../game-object-ext/animated-sprite';
+import { DomContainerObject } from '../game-object-ext/dom-container';
+import { RectangleObject } from '../game-object-ext/rect';
+import { SpineObject } from '../game-object-ext/spine';
+import { SpriteObject } from '../game-object-ext/sprite';
+import { TextObject } from '../game-object-ext/text';
+import { TilingSpriteObject } from '../game-object-ext/tiling-sprite';
+import { GameObject } from '../game-object/game-object';
+const GameObjectClassMap = {
+    'go': GameObject,
+    'sprite': SpriteObject,
+    'animated-sprite': AnimatedSpriteObject,
+    'tiling-sprite': TilingSpriteObject,
+    'spine': SpineObject,
+    'dom': DomContainerObject,
+    'text': TextObject,
+    'rect': RectangleObject,
+};
+function go(name = '', ...args) {
+    const go = new GameObjectClassMap[(name || 'go')]();
+    for (const arg of args) {
+        if (arg instanceof GameObject)
+            go.add(arg);
+        else if (arg) {
+            for (const key in arg) {
+                go[key] = arg[key];
+            }
+        }
+    }
+    return go;
+}
+export { go };
+//# sourceMappingURL=go.js.map

package/lib/utils/go.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"go.js","sourceRoot":"","sources":["../../src/utils/go.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,MAAM,kBAAkB,GAAG;IACzB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,YAAY;IACtB,iBAAiB,EAAE,oBAAoB;IACvC,eAAe,EAAE,kBAAkB;IACnC,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,kBAAkB;IACzB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,eAAe;CACf,CAAC;AAgBX,SAAS,EAAE,CACT,OAAU,EAAO,EACjB,GAAG,IAA4D;IAE/D,MAAM,EAAE,GAAG,IAAI,kBAAkB,CAAC,CAAC,IAAI,IAAI,IAAI,CAA4B,CAAC,EAAE,CAAC;IAE/E,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,GAAG,YAAY,UAAU;YAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;aACtC,IAAI,GAAG,EAAE,CAAC;YACb,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;gBACrB,EAAU,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;YAC9B,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,EAAyB,CAAC;AACnC,CAAC;AAED,OAAO,EAAE,EAAE,EAAE,CAAC","sourcesContent":["import { AnimatedSpriteObject } from '../game-object-ext/animated-sprite';\nimport { DomContainerObject } from '../game-object-ext/dom-container';\nimport { RectangleObject } from '../game-object-ext/rect';\nimport { SpineObject } from '../game-object-ext/spine';\nimport { SpriteObject } from '../game-object-ext/sprite';\nimport { TextObject } from '../game-object-ext/text';\nimport { TilingSpriteObject } from '../game-object-ext/tiling-sprite';\nimport { GameObject } from '../game-object/game-object';\n\nconst GameObjectClassMap = {\n  'go': GameObject,\n  'sprite': SpriteObject,\n  'animated-sprite': AnimatedSpriteObject,\n  'tiling-sprite': TilingSpriteObject,\n  'spine': SpineObject,\n  'dom': DomContainerObject,\n  'text': TextObject,\n  'rect': RectangleObject,\n} as const;\n\ntype GameObjectNameMap = {\n  [K in keyof typeof GameObjectClassMap]: InstanceType<(typeof GameObjectClassMap)[K]>;\n};\n\ntype Name = '' | keyof GameObjectNameMap;\n\ntype GameObjectByName<T extends Name> = (\n  T extends '' ? GameObject\n  : (\n    T extends keyof GameObjectNameMap ? GameObjectNameMap[T]\n    : GameObject\n  )\n);\n\nfunction go<T extends Name>(\n  name: T = '' as T,\n  ...args: (GameObjectByName<T> | Partial<GameObjectByName<T>>)[]\n): GameObjectByName<T> {\n  const go = new GameObjectClassMap[(name || 'go') as keyof GameObjectNameMap]();\n\n  for (const arg of args) {\n    if (arg instanceof GameObject) go.add(arg);\n    else if (arg) {\n      for (const key in arg) {\n        (go as any)[key] = arg[key];\n      }\n    }\n  }\n\n  return go as GameObjectByName<T>;\n}\n\nexport { go };\n"]}

package/lib/world/world-debug.js

@@ -0,0 +1,89 @@
+import Matter from 'matter-js';
+import Stats from 'stats.js';
+import { debugMode } from '../utils/debug';
+export class WorldDebug {
+    #container;
+    #stats;
+    #matterDebugRenderer;
+    constructor(container) {
+        this.#container = container;
+        if (debugMode) {
+            const stats = new Stats();
+            stats.dom.style.position = 'absolute';
+            stats.showPanel(0);
+            container.appendChild(stats.dom);
+            this.#stats = stats;
+        }
+    }
+    update() {
+        this.#stats?.update();
+    }
+    createMatterDebugRenderer(engine, width, height) {
+        if (debugMode) {
+            const matterDebugRenderer = Matter.Render.create({
+                element: this.#container,
+                engine,
+                options: {
+                    width,
+                    height,
+                    background: 'transparent',
+                    wireframes: false,
+                    showCollisions: true,
+                    pixelRatio: window.devicePixelRatio,
+                },
+            });
+            this.#matterDebugRenderer = matterDebugRenderer;
+            const debugCanvas = matterDebugRenderer.canvas;
+            debugCanvas.style.position = 'absolute';
+            debugCanvas.style.zIndex = '1';
+            debugCanvas.style.touchAction = 'auto';
+            Matter.Render.run(matterDebugRenderer);
+            if (this.#lastRect)
+                this.setMatterDebugRendererSize(this.#lastRect, this.#lastWidth, this.#lastHeight, this.#lastCameraX, this.#lastCameraY);
+        }
+    }
+    #lastRect;
+    #lastWidth = 0;
+    #lastHeight = 0;
+    #lastCameraX = 0;
+    #lastCameraY = 0;
+    setMatterDebugRendererSize(rect, width, height, cameraX, cameraY) {
+        this.#lastRect = rect;
+        this.#lastWidth = width;
+        this.#lastHeight = height;
+        this.#lastCameraX = cameraX;
+        this.#lastCameraY = cameraY;
+        if (!debugMode || !this.#matterDebugRenderer)
+            return;
+        const r = this.#matterDebugRenderer;
+        const pr = window.devicePixelRatio || 1;
+        r.options.width = width;
+        r.options.height = height;
+        r.canvas.width = Math.max(1, Math.floor(width * pr));
+        r.canvas.height = Math.max(1, Math.floor(height * pr));
+        const scale = Math.min(rect.width / width, rect.height / height);
+        const displayW = width * scale;
+        const displayH = height * scale;
+        const left = (rect.width - displayW) / 2;
+        const top = (rect.height - displayH) / 2;
+        r.canvas.style.width = `${displayW}px`;
+        r.canvas.style.height = `${displayH}px`;
+        r.canvas.style.left = `${left}px`;
+        r.canvas.style.top = `${top}px`;
+        this.setMatterDebugRendererCamera(cameraX, cameraY);
+    }
+    setMatterDebugRendererCamera(cameraX, cameraY) {
+        if (this.#matterDebugRenderer) {
+            const r = this.#matterDebugRenderer;
+            const halfW = this.#lastWidth / 2;
+            const halfH = this.#lastHeight / 2;
+            r.bounds.min.x = cameraX - halfW;
+            r.bounds.min.y = cameraY - halfH;
+            r.bounds.max.x = cameraX + halfW;
+            r.bounds.max.y = cameraY + halfH;
+            Matter.Render.lookAt(r, r.bounds);
+        }
+    }
+    destroy() { }
+}
+//# sourceMappingURL=world-debug.js.map

package/lib/world/world-debug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"world-debug.js","sourceRoot":"","sources":["../../src/world/world-debug.ts"],"names":[],"mappings":"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","sourcesContent":["import Matter from 'matter-js';\nimport Stats from 'stats.js';\nimport { debugMode } from '../utils/debug';\n\nexport class WorldDebug {\n  #container: HTMLElement;\n  #stats?: Stats;\n  #matterDebugRenderer?: Matter.Render;\n\n  constructor(container: HTMLElement) {\n    this.#container = container;\n\n    if (debugMode) {\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\n  update() {\n    this.#stats?.update();\n  }\n\n  createMatterDebugRenderer(engine: Matter.Engine, width: number, height: number) {\n    if (debugMode) {\n      const matterDebugRenderer = Matter.Render.create({\n        element: this.#container,\n        engine,\n        options: {\n          width,\n          height,\n          background: 'transparent',\n          wireframes: false,\n          showCollisions: true,\n          pixelRatio: window.devicePixelRatio,\n        },\n      });\n      this.#matterDebugRenderer = matterDebugRenderer;\n\n      const debugCanvas = matterDebugRenderer.canvas;\n      debugCanvas.style.position = 'absolute';\n      debugCanvas.style.zIndex = '1';\n      debugCanvas.style.touchAction = 'auto';\n      Matter.Render.run(matterDebugRenderer);\n\n      if (this.#lastRect) this.setMatterDebugRendererSize(this.#lastRect, this.#lastWidth, this.#lastHeight, this.#lastCameraX, this.#lastCameraY);\n    }\n  }\n\n  #lastRect?: DOMRectReadOnly;\n  #lastWidth = 0;\n  #lastHeight = 0;\n  #lastCameraX = 0;\n  #lastCameraY = 0;\n\n  setMatterDebugRendererSize(\n    rect: DOMRectReadOnly,\n    width: number,\n    height: number,\n    cameraX: number,\n    cameraY: number,\n  ) {\n    this.#lastRect = rect;\n    this.#lastWidth = width;\n    this.#lastHeight = height;\n    this.#lastCameraX = cameraX;\n    this.#lastCameraY = cameraY;\n\n    if (!debugMode || !this.#matterDebugRenderer) return;\n\n    const r = this.#matterDebugRenderer;\n    const pr = window.devicePixelRatio || 1;\n\n    r.options.width = width;\n    r.options.height = height;\n\n    r.canvas.width = Math.max(1, Math.floor(width * pr));\n    r.canvas.height = Math.max(1, Math.floor(height * pr));\n\n    const scale = Math.min(rect.width / width, rect.height / height);\n\n    const displayW = width * scale;\n    const displayH = height * scale;\n\n    const left = (rect.width - displayW) / 2;\n    const top = (rect.height - displayH) / 2;\n\n    r.canvas.style.width = `${displayW}px`;\n    r.canvas.style.height = `${displayH}px`;\n    r.canvas.style.left = `${left}px`;\n    r.canvas.style.top = `${top}px`;\n\n    this.setMatterDebugRendererCamera(cameraX, cameraY);\n  }\n\n  setMatterDebugRendererCamera(cameraX: number, cameraY: number) {\n    if (this.#matterDebugRenderer) {\n      const r = this.#matterDebugRenderer;\n      const halfW = this.#lastWidth / 2;\n      const halfH = this.#lastHeight / 2;\n\n      r.bounds.min.x = cameraX - halfW;\n      r.bounds.min.y = cameraY - halfH;\n      r.bounds.max.x = cameraX + halfW;\n      r.bounds.max.y = cameraY + halfH;\n\n      Matter.Render.lookAt(r, r.bounds);\n    }\n  }\n\n  destroy() { }\n}\n"]}

package/lib/world/world-physics.js

@@ -0,0 +1,45 @@
+import { EventEmitter } from '@webtaku/event-emitter';
+import Matter from 'matter-js';
+export class WorldPhysics extends EventEmitter {
+    #engine;
+    #gravity = 0;
+    get gravity() { return this.#gravity; }
+    set gravity(v) {
+        this.#gravity = v;
+        if (this.#engine)
+            this.#engine.gravity.y = v;
+    }
+    #createEngine() {
+        this.#engine = Matter.Engine.create();
+        this.#engine.gravity.y = this.#gravity;
+        Matter.Events.on(this.#engine, 'collisionStart', (event) => {
+            event.pairs.forEach((pair) => {
+                const { bodyA, bodyB } = pair;
+                this.emit('collisionStart', bodyA.plugin.owner, bodyB.plugin.owner);
+            });
+        });
+        this.emit('engineCreated', this.#engine);
+    }
+    addBody(body) {
+        if (!this.#engine)
+            this.#createEngine();
+        Matter.World.add(this.#engine.world, body);
+    }
+    removeBody(body) {
+        if (!this.#engine)
+            return;
+        Matter.World.remove(this.#engine.world, body);
+    }
+    update(dt) {
+        if (!this.#engine)
+            return;
+        const matterDt = dt * 1000;
+        Matter.Engine.update(this.#engine, matterDt > 16.666 ? 16.666 : matterDt);
+    }
+    destroy() {
+        if (this.#engine)
+            Matter.Engine.clear(this.#engine);
+        this.#engine = undefined;
+    }
+}
+//# sourceMappingURL=world-physics.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"world-physics.js","sourceRoot":"","sources":["../../src/world/world-physics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,MAAM,MAAM,WAAW,CAAC;AAG/B,MAAM,OAAO,YAAa,SAAQ,YAGhC;IACA,OAAO,CAAiB;IACxB,QAAQ,GAAG,CAAC,CAAC;IAEb,IAAI,OAAO,KAAK,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IACvC,IAAI,OAAO,CAAC,CAAS;QACnB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;IAC/C,CAAC;IAED,aAAa;QACX,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACtC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;QAEvC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,gBAAgB,EAAE,CAAC,KAAK,EAAE,EAAE;YACzD,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC3B,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;gBAC9B,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACtE,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,CAAC,IAAiB;QACvB,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,aAAa,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,OAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC9C,CAAC;IAED,UAAU,CAAC,IAAiB;QAC1B,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAC1B,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACjD,CAAC;IAED,MAAM,CAAC,EAAU;QACf,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAC1B,MAAM,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC;QAC3B,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC5E,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,OAAO;YAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACpD,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;IAC3B,CAAC;CACF","sourcesContent":["import { EventEmitter } from '@webtaku/event-emitter';\nimport Matter from 'matter-js';\nimport { GameObject } from '../game-object/game-object';\n\nexport class WorldPhysics extends EventEmitter<{\n  engineCreated: (engine: Matter.Engine) => void;\n  collisionStart: (a: GameObject, b: GameObject) => void;\n}> {\n  #engine?: Matter.Engine;\n  #gravity = 0;\n\n  get gravity() { return this.#gravity; }\n  set gravity(v: number) {\n    this.#gravity = v;\n    if (this.#engine) this.#engine.gravity.y = v;\n  }\n\n  #createEngine() {\n    this.#engine = Matter.Engine.create();\n    this.#engine.gravity.y = this.#gravity;\n\n    Matter.Events.on(this.#engine, 'collisionStart', (event) => {\n      event.pairs.forEach((pair) => {\n        const { bodyA, bodyB } = pair;\n        this.emit('collisionStart', bodyA.plugin.owner, bodyB.plugin.owner);\n      });\n    });\n\n    this.emit('engineCreated', this.#engine);\n  }\n\n  addBody(body: Matter.Body) {\n    if (!this.#engine) this.#createEngine();\n    Matter.World.add(this.#engine!.world, body);\n  }\n\n  removeBody(body: Matter.Body) {\n    if (!this.#engine) return;\n    Matter.World.remove(this.#engine!.world, body);\n  }\n\n  update(dt: number) {\n    if (!this.#engine) return;\n    const matterDt = dt * 1000;\n    Matter.Engine.update(this.#engine, matterDt > 16.666 ? 16.666 : matterDt);\n  }\n\n  destroy() {\n    if (this.#engine) Matter.Engine.clear(this.#engine);\n    this.#engine = undefined;\n  }\n}\n"]}

package/lib/world/world-rendering.js

@@ -0,0 +1,123 @@
+import { autoDetectRenderer, Container, EventEmitter, Sprite } from "pixi.js";
+import { textureLoader } from '../asset/loaders/texture';
+export class WorldRendering extends EventEmitter {
+    #renderer;
+    #root = new Container();
+    #backgroundAlpha = 1;
+    #cameraX = 0;
+    #cameraY = 0;
+    centerX = 0;
+    centerY = 0;
+    renderWidth = 0;
+    renderHeight = 0;
+    renderScale = 1;
+    canvasLeft = 0;
+    canvasTop = 0;
+    #backgroundColor = 0x304C79;
+    get backgroundColor() { return this.#backgroundColor; }
+    set backgroundColor(v) {
+        this.#backgroundColor = v;
+        if (this.#renderer)
+            this.#renderer.background.color = v;
+    }
+    get backgroundAlpha() { return this.#backgroundAlpha; }
+    set backgroundAlpha(v) {
+        this.#backgroundAlpha = v;
+        if (this.#renderer)
+            this.#renderer.background.alpha = v;
+    }
+    async init(container, width, height) {
+        const renderer = await autoDetectRenderer({
+            width,
+            height,
+            backgroundColor: this.#backgroundColor,
+            backgroundAlpha: this.#backgroundAlpha,
+            eventMode: 'none',
+            resolution: window.devicePixelRatio,
+        });
+        this.#renderer = renderer;
+        const canvas = renderer.canvas;
+        canvas.style.position = 'absolute';
+        canvas.style.touchAction = 'auto';
+        canvas.style.borderRadius = container.style.borderRadius;
+        container.appendChild(canvas);
+        if (this.#lastRect)
+            this.setRendererSize(this.#lastRect, this.#lastWidth, this.#lastHeight);
+    }
+    #applyPosition() {
+        this.#root.x = this.centerX - this.#cameraX;
+        this.#root.y = this.centerY - this.#cameraY;
+        if (this.#backgroundSprite) {
+            this.#backgroundSprite.x = this.#cameraX;
+            this.#backgroundSprite.y = this.#cameraY;
+        }
+        this.emit('positionChanged');
+    }
+    #lastRect;
+    #lastWidth = 0;
+    #lastHeight = 0;
+    setRendererSize(rect, width, height) {
+        this.#lastRect = rect;
+        this.#lastWidth = width;
+        this.#lastHeight = height;
+        this.centerX = width / 2;
+        this.centerY = height / 2;
+        this.#applyPosition();
+        this.renderWidth = width;
+        this.renderHeight = height;
+        const scale = Math.min(rect.width / width, rect.height / height);
+        this.renderScale = scale;
+        const displayW = width * scale;
+        const displayH = height * scale;
+        const left = (rect.width - displayW) / 2;
+        const top = (rect.height - displayH) / 2;
+        this.canvasLeft = left;
+        this.canvasTop = top;
+        if (!this.#renderer)
+            return;
+        this.#renderer.resize(width, height);
+        const canvas = this.#renderer.canvas;
+        canvas.style.width = `${displayW}px`;
+        canvas.style.height = `${displayH}px`;
+        canvas.style.left = `${left}px`;
+        canvas.style.top = `${top}px`;
+    }
+    update() {
+        this.#renderer?.render(this.#root);
+    }
+    get cameraX() { return this.#cameraX; }
+    set cameraX(value) { this.#cameraX = value; this.#applyPosition(); }
+    get cameraY() { return this.#cameraY; }
+    set cameraY(value) { this.#cameraY = value; this.#applyPosition(); }
+    addPixiChildToRoot(child) {
+        this.#root.addChild(child);
+    }
+    destroy() {
+        this.#renderer?.destroy();
+        this.#renderer = undefined;
+    }
+    #backgroundSprite;
+    setBackgroundImage(image) {
+        if (image) {
+            if (!textureLoader.checkLoaded(image)) {
+                console.info(`Background image not preloaded. Loading now: ${image}`);
+            }
+            textureLoader.load(image).then((texture) => {
+                if (texture) {
+                    this.#backgroundSprite?.destroy();
+                    this.#backgroundSprite = new Sprite({
+                        x: this.#cameraX,
+                        y: this.#cameraY,
+                        texture,
+                        anchor: { x: 0.5, y: 0.5 },
+                        width: this.renderWidth,
+                        height: this.renderHeight,
+                        zIndex: -999999,
+                    });
+                    this.#root.addChild(this.#backgroundSprite);
+                }
+            });
+        }
+    }
+}
+//# sourceMappingURL=world-rendering.js.map

package/lib/world/world-rendering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"world-rendering.js","sourceRoot":"","sources":["../../src/world/world-rendering.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,YAAY,EAAY,MAAM,EAAE,MAAM,SAAS,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,OAAO,cAAe,SAAQ,YAElC;IACA,SAAS,CAAY;IACrB,KAAK,GAAG,IAAI,SAAS,EAAE,CAAC;IACxB,gBAAgB,GAAG,CAAC,CAAC;IAErB,QAAQ,GAAG,CAAC,CAAC;IACb,QAAQ,GAAG,CAAC,CAAC;IAEb,OAAO,GAAG,CAAC,CAAC;IACZ,OAAO,GAAG,CAAC,CAAC;IACZ,WAAW,GAAG,CAAC,CAAC;IAChB,YAAY,GAAG,CAAC,CAAC;IACjB,WAAW,GAAG,CAAC,CAAC;IAChB,UAAU,GAAG,CAAC,CAAC;IACf,SAAS,GAAG,CAAC,CAAC;IAEd,gBAAgB,GAAG,QAAQ,CAAC;IAC5B,IAAI,eAAe,KAAK,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvD,IAAI,eAAe,CAAC,CAAS;QAC3B,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC;QAC1B,IAAI,IAAI,CAAC,SAAS;YAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC;IAC1D,CAAC;IAED,IAAI,eAAe,KAAK,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvD,IAAI,eAAe,CAAC,CAAS;QAC3B,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC;QAC1B,IAAI,IAAI,CAAC,SAAS;YAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC;IAC1D,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,SAAsB,EAAE,KAAyB,EAAE,MAA0B;QACtF,MAAM,QAAQ,GAAG,MAAM,kBAAkB,CAAC;YACxC,KAAK;YACL,MAAM;YACN,eAAe,EAAE,IAAI,CAAC,gBAAgB;YACtC,eAAe,EAAE,IAAI,CAAC,gBAAgB;YACtC,SAAS,EAAE,MAAM;YACjB,UAAU,EAAE,MAAM,CAAC,gBAAgB;SACpC,CAAC,CAAC;QACH,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAE1B,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;QAC/B,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;QAClC,MAAM,CAAC,KAAK,CAAC,YAAY,GAAG,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC;QACzD,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE9B,IAAI,IAAI,CAAC,SAAS;YAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAC9F,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC5C,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAE5C,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,IAAI,CAAC,iBAAiB,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;YACzC,IAAI,CAAC,iBAAiB,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC3C,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC/B,CAAC;IAED,SAAS,CAAW;IACpB,UAAU,GAAG,CAAC,CAAC;IACf,WAAW,GAAG,CAAC,CAAC;IAEhB,eAAe,CAAC,IAAa,EAAE,KAAa,EAAE,MAAc;QAC1D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;QAE1B,IAAI,CAAC,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,CAAC,CAAC;QAC1B,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;QAE3B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;QACjE,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAEzB,MAAM,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;QAC/B,MAAM,QAAQ,GAAG,MAAM,GAAG,KAAK,CAAC;QAEhC,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QACzC,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QACzC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC;QAErB,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO;QAC5B,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAErC,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;QACrC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,QAAQ,IAAI,CAAC;QACrC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,QAAQ,IAAI,CAAC;QACtC,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC;QAChC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IAChC,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,IAAI,OAAO,KAAK,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IACvC,IAAI,OAAO,CAAC,KAAa,IAAI,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;IAC5E,IAAI,OAAO,KAAK,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IACvC,IAAI,OAAO,CAAC,KAAa,IAAI,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;IAE5E,kBAAkB,CAAC,KAAgB;QACjC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO;QACL,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,iBAAiB,CAAU;IAC3B,kBAAkB,CAAC,KAAyB;QAC1C,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;gBACtC,OAAO,CAAC,IAAI,CAAC,gDAAgD,KAAK,EAAE,CAAC,CAAC;YACxE,CAAC;YACD,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE;gBACzC,IAAI,OAAO,EAAE,CAAC;oBACZ,IAAI,CAAC,iBAAiB,EAAE,OAAO,EAAE,CAAC;oBAClC,IAAI,CAAC,iBAAiB,GAAG,IAAI,MAAM,CAAC;wBAClC,CAAC,EAAE,IAAI,CAAC,QAAQ;wBAChB,CAAC,EAAE,IAAI,CAAC,QAAQ;wBAChB,OAAO;wBACP,MAAM,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;wBAC1B,KAAK,EAAE,IAAI,CAAC,WAAW;wBACvB,MAAM,EAAE,IAAI,CAAC,YAAY;wBACzB,MAAM,EAAE,CAAC,MAAM;qBAChB,CAAC,CAAC;oBACH,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBAC9C,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;CACF","sourcesContent":["import { autoDetectRenderer, Container, EventEmitter, Renderer, Sprite } from \"pixi.js\";\nimport { textureLoader } from '../asset/loaders/texture';\n\nexport class WorldRendering extends EventEmitter<{\n  positionChanged: () => void;\n}> {\n  #renderer?: Renderer;\n  #root = new Container();\n  #backgroundAlpha = 1;\n\n  #cameraX = 0;\n  #cameraY = 0;\n\n  centerX = 0;\n  centerY = 0;\n  renderWidth = 0;\n  renderHeight = 0;\n  renderScale = 1;\n  canvasLeft = 0;\n  canvasTop = 0;\n\n  #backgroundColor = 0x304C79;\n  get backgroundColor() { return this.#backgroundColor; }\n  set backgroundColor(v: number) {\n    this.#backgroundColor = v;\n    if (this.#renderer) this.#renderer.background.color = v;\n  }\n\n  get backgroundAlpha() { return this.#backgroundAlpha; }\n  set backgroundAlpha(v: number) {\n    this.#backgroundAlpha = v;\n    if (this.#renderer) this.#renderer.background.alpha = v;\n  }\n\n  async init(container: HTMLElement, width: number | undefined, height: number | undefined) {\n    const renderer = await autoDetectRenderer({\n      width,\n      height,\n      backgroundColor: this.#backgroundColor,\n      backgroundAlpha: this.#backgroundAlpha,\n      eventMode: 'none',\n      resolution: window.devicePixelRatio,\n    });\n    this.#renderer = renderer;\n\n    const canvas = renderer.canvas;\n    canvas.style.position = 'absolute';\n    canvas.style.touchAction = 'auto';\n    canvas.style.borderRadius = container.style.borderRadius;\n    container.appendChild(canvas);\n\n    if (this.#lastRect) this.setRendererSize(this.#lastRect, this.#lastWidth, this.#lastHeight);\n  }\n\n  #applyPosition() {\n    this.#root.x = this.centerX - this.#cameraX;\n    this.#root.y = this.centerY - this.#cameraY;\n\n    if (this.#backgroundSprite) {\n      this.#backgroundSprite.x = this.#cameraX;\n      this.#backgroundSprite.y = this.#cameraY;\n    }\n\n    this.emit('positionChanged');\n  }\n\n  #lastRect?: DOMRect;\n  #lastWidth = 0;\n  #lastHeight = 0;\n\n  setRendererSize(rect: DOMRect, width: number, height: number) {\n    this.#lastRect = rect;\n    this.#lastWidth = width;\n    this.#lastHeight = height;\n\n    this.centerX = width / 2;\n    this.centerY = height / 2;\n    this.#applyPosition();\n\n    this.renderWidth = width;\n    this.renderHeight = height;\n\n    const scale = Math.min(rect.width / width, rect.height / height);\n    this.renderScale = scale;\n\n    const displayW = width * scale;\n    const displayH = height * scale;\n\n    const left = (rect.width - displayW) / 2;\n    const top = (rect.height - displayH) / 2;\n    this.canvasLeft = left;\n    this.canvasTop = top;\n\n    if (!this.#renderer) return;\n    this.#renderer.resize(width, height);\n\n    const canvas = this.#renderer.canvas;\n    canvas.style.width = `${displayW}px`;\n    canvas.style.height = `${displayH}px`;\n    canvas.style.left = `${left}px`;\n    canvas.style.top = `${top}px`;\n  }\n\n  update() {\n    this.#renderer?.render(this.#root);\n  }\n\n  get cameraX() { return this.#cameraX; }\n  set cameraX(value: number) { this.#cameraX = value; this.#applyPosition(); }\n  get cameraY() { return this.#cameraY; }\n  set cameraY(value: number) { this.#cameraY = value; this.#applyPosition(); }\n\n  addPixiChildToRoot(child: Container) {\n    this.#root.addChild(child);\n  }\n\n  destroy() {\n    this.#renderer?.destroy();\n    this.#renderer = undefined;\n  }\n\n  #backgroundSprite?: Sprite;\n  setBackgroundImage(image: string | undefined) {\n    if (image) {\n      if (!textureLoader.checkLoaded(image)) {\n        console.info(`Background image not preloaded. Loading now: ${image}`);\n      }\n      textureLoader.load(image).then((texture) => {\n        if (texture) {\n          this.#backgroundSprite?.destroy();\n          this.#backgroundSprite = new Sprite({\n            x: this.#cameraX,\n            y: this.#cameraY,\n            texture,\n            anchor: { x: 0.5, y: 0.5 },\n            width: this.renderWidth,\n            height: this.renderHeight,\n            zIndex: -999999,\n          });\n          this.#root.addChild(this.#backgroundSprite);\n        }\n      });\n    }\n  }\n}\n"]}