@combos-fun/plugin-renderer-event 0.0.1

package/README.md

@@ -0,0 +1,3 @@
+# @combos-fun/plugin-renderer-event
+
+Internal workspace package (Combos Fun monorepo).

package/dist/plugin-renderer-event.cjs.js

@@ -0,0 +1,183 @@
+'use strict';
+
+var tslib = require('tslib');
+var pluginRenderer = require('@combos-fun/plugin-renderer');
+var engine = require('@combos-fun/engine');
+var pixi_js = require('pixi.js');
+
+function pointerEventData(e, container) {
+    return {
+        pointerId: e.pointerId,
+        position: {
+            x: e.global.x,
+            y: e.global.y,
+        },
+        localPosition: e.getLocalPosition(container),
+    };
+}
+const hitAreaFunc = {
+    Circle: pixi_js.Circle,
+    Ellipse: pixi_js.Ellipse,
+    Polygon: pixi_js.Polygon,
+    Rect: pixi_js.Rectangle,
+    RoundedRect: pixi_js.RoundedRectangle,
+};
+const propertyForHitArea = {
+    Circle: ['x', 'y', 'radius'],
+    Ellipse: ['x', 'y', 'width', 'height'],
+    Rect: ['x', 'y', 'width', 'height'],
+    RoundedRect: ['x', 'y', 'width', 'height', 'radius'],
+    Polygon: ['paths'],
+};
+let EventSystem = class EventSystem extends pluginRenderer.Renderer {
+    constructor() {
+        super(...arguments);
+        this.name = 'Event';
+    }
+    static { this.systemName = 'Event'; }
+    init({ moveWhenInside = false } = {}) {
+        this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
+        this.renderSystem.rendererManager.register(this);
+        const events = this.renderSystem.application?.renderer?.events;
+        if (events) {
+            events.features.globalMove = !moveWhenInside;
+        }
+    }
+    componentChanged(changed) {
+        switch (changed.type) {
+            case engine.OBSERVER_TYPE.ADD:
+                this.add(changed);
+                break;
+            case engine.OBSERVER_TYPE.REMOVE:
+                this.remove(changed);
+                break;
+            case engine.OBSERVER_TYPE.CHANGE:
+                this.change(changed);
+                break;
+        }
+    }
+    add(changed) {
+        const container = this.containerManager.getContainer(changed.gameObject.id);
+        container.interactive = true;
+        container.interactiveChildren = true;
+        const component = changed.component;
+        if (component.hitArea) {
+            this.addHitArea(changed, container, component.hitArea);
+        }
+        container.on('pointertap', (e) => {
+            component.emit('tap', {
+                stopPropagation: () => e.stopPropagation(),
+                data: pointerEventData(e, container),
+                gameObject: component.gameObject,
+            });
+        });
+        container.on('pointerdown', (e) => {
+            component.emit('touchstart', {
+                stopPropagation: () => e.stopPropagation(),
+                data: pointerEventData(e, container),
+                gameObject: component.gameObject,
+            });
+        });
+        container.on('pointermove', (e) => {
+            component.emit('touchmove', {
+                stopPropagation: () => e.stopPropagation(),
+                data: pointerEventData(e, container),
+                gameObject: component.gameObject,
+            });
+        });
+        container.on('pointerup', (e) => {
+            component.emit('touchend', {
+                stopPropagation: () => e.stopPropagation(),
+                data: pointerEventData(e, container),
+                gameObject: component.gameObject,
+            });
+        });
+        container.on('pointerupoutside', (e) => {
+            component.emit('touchendoutside', {
+                stopPropagation: () => e.stopPropagation(),
+                data: pointerEventData(e, container),
+                gameObject: component.gameObject,
+            });
+        });
+        container.on('pointercancel', (e) => {
+            component.emit('touchcancel', {
+                stopPropagation: () => e.stopPropagation(),
+                data: pointerEventData(e, container),
+                gameObject: component.gameObject,
+            });
+        });
+    }
+    remove(changed) {
+        const container = this.containerManager.getContainer(changed.gameObject.id);
+        container.interactive = false;
+        container.off('tap');
+        container.off('pointerdown');
+        container.off('pointermove');
+        container.off('pointerup');
+        container.off('pointerupoutside');
+        container.off('pointercancel');
+        changed.component.removeAllListeners();
+    }
+    change(changed) {
+        const container = this.containerManager.getContainer(changed.gameObject.id);
+        container.interactive = true;
+        const component = changed.component;
+        if (component.hitArea) {
+            this.addHitArea(changed, container, component.hitArea);
+        }
+        else {
+            component.hitArea = null;
+        }
+    }
+    addHitArea(changed, container, hitArea) {
+        const { type, style } = hitArea;
+        if (!hitAreaFunc[type]) {
+            console.error(`${changed.gameObject.name}'s hitArea type is not defined`);
+            return;
+        }
+        const params = [];
+        for (const key of propertyForHitArea[type]) {
+            params.push(style[key]);
+        }
+        const hitAreaShape = new hitAreaFunc[type](...params);
+        container.hitArea = hitAreaShape;
+    }
+};
+EventSystem = tslib.__decorate([
+    engine.decorators.componentObserver({
+        Event: [{ prop: ['hitArea'], deep: true }],
+    })
+], EventSystem);
+var EventSystem_default = EventSystem;
+
+exports.HIT_AREA_TYPE = void 0;
+(function (HIT_AREA_TYPE) {
+    HIT_AREA_TYPE["Circle"] = "Circle";
+    HIT_AREA_TYPE["Ellipse"] = "Ellipse";
+    HIT_AREA_TYPE["Polygon"] = "Polygon";
+    HIT_AREA_TYPE["Rect"] = "Rect";
+    HIT_AREA_TYPE["RoundedRect"] = "RoundedRect";
+})(exports.HIT_AREA_TYPE || (exports.HIT_AREA_TYPE = {}));
+class Event extends engine.Component {
+    constructor() {
+        super(...arguments);
+        this.hitArea = undefined;
+    }
+    static { this.componentName = 'Event'; }
+    init(params) {
+        params && Object.assign(this, params);
+    }
+    emit(en, ...args) {
+        return super.emit(en, ...args);
+    }
+    once(en, fn, context) {
+        return super.once(en, fn, context);
+    }
+    on(en, fn, context) {
+        return super.on(en, fn, context);
+    }
+}
+
+exports.Event = Event;
+exports.EventSystem = EventSystem_default;
+//# sourceMappingURL=plugin-renderer-event.cjs.js.map

package/dist/plugin-renderer-event.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-renderer-event.cjs.js","sources":["../lib/system.ts","../lib/component.ts"],"sourcesContent":["import { Renderer, RendererSystem, RendererManager, ContainerManager } from '@combos-fun/plugin-renderer';\nimport { decorators, ComponentChanged, OBSERVER_TYPE } from '@combos-fun/engine';\nimport { Circle, Ellipse, Polygon, RoundedRectangle, Rectangle } from 'pixi.js';\nimport type { Container as PixiContainer } from 'pixi.js';\nimport type { FederatedPointerEvent } from 'pixi.js';\nimport EventComponent from './component';\n\nfunction pointerEventData(e: FederatedPointerEvent, container: PixiContainer) {\n  return {\n    pointerId: e.pointerId,\n    position: {\n      x: e.global.x,\n      y: e.global.y,\n    },\n    localPosition: e.getLocalPosition(container),\n  };\n}\n\nconst hitAreaFunc = {\n  Circle,\n  Ellipse,\n  Polygon,\n  Rect: Rectangle,\n  RoundedRect: RoundedRectangle,\n};\n\nconst propertyForHitArea = {\n  Circle: ['x', 'y', 'radius'],\n  Ellipse: ['x', 'y', 'width', 'height'],\n  Rect: ['x', 'y', 'width', 'height'],\n  RoundedRect: ['x', 'y', 'width', 'height', 'radius'],\n  Polygon: ['paths'],\n};\n\nexport interface EventSystemParams {\n  moveWhenInside?: boolean\n}\n\n@decorators.componentObserver({\n  Event: [{ prop: ['hitArea'], deep: true }],\n})\nexport default class EventSystem extends Renderer<EventSystemParams> {\n  static systemName = 'Event';\n  name: string = 'Event';\n  renderSystem: RendererSystem;\n  rendererManager: RendererManager;\n  containerManager: ContainerManager;\n  init({ moveWhenInside = false }: EventSystemParams = {}) {\n    this.renderSystem = this.game.getSystem(RendererSystem) as RendererSystem;\n    this.renderSystem.rendererManager.register(this);\n    const events = this.renderSystem.application?.renderer?.events;\n    if (events) {\n      events.features.globalMove = !moveWhenInside;\n    }\n  }\n  componentChanged(changed: ComponentChanged) {\n    switch (changed.type) {\n      case OBSERVER_TYPE.ADD:\n        this.add(changed);\n        break;\n      case OBSERVER_TYPE.REMOVE:\n        this.remove(changed);\n        break;\n      case OBSERVER_TYPE.CHANGE:\n        this.change(changed);\n        break;\n    }\n  }\n  add(changed: ComponentChanged) {\n    const container = this.containerManager.getContainer(changed.gameObject.id);\n    container.interactive = true;\n    container.interactiveChildren = true;\n    const component = changed.component as EventComponent;\n\n    if (component.hitArea) {\n      this.addHitArea(changed, container, component.hitArea);\n    }\n\n    container.on('pointertap', (e: FederatedPointerEvent) => {\n      component.emit('tap', {\n        stopPropagation: () => e.stopPropagation(),\n        data: pointerEventData(e, container),\n        gameObject: component.gameObject,\n      });\n    });\n    container.on('pointerdown', (e: FederatedPointerEvent) => {\n      component.emit('touchstart', {\n        stopPropagation: () => e.stopPropagation(),\n        data: pointerEventData(e, container),\n        gameObject: component.gameObject,\n      });\n    });\n    container.on('pointermove', (e: FederatedPointerEvent) => {\n      component.emit('touchmove', {\n        stopPropagation: () => e.stopPropagation(),\n        data: pointerEventData(e, container),\n        gameObject: component.gameObject,\n      });\n    });\n    container.on('pointerup', (e: FederatedPointerEvent) => {\n      component.emit('touchend', {\n        stopPropagation: () => e.stopPropagation(),\n        data: pointerEventData(e, container),\n        gameObject: component.gameObject,\n      });\n    });\n    container.on('pointerupoutside', (e: FederatedPointerEvent) => {\n      component.emit('touchendoutside', {\n        stopPropagation: () => e.stopPropagation(),\n        data: pointerEventData(e, container),\n        gameObject: component.gameObject,\n      });\n    });\n    container.on('pointercancel', (e: FederatedPointerEvent) => {\n      component.emit('touchcancel', {\n        stopPropagation: () => e.stopPropagation(),\n        data: pointerEventData(e, container),\n        gameObject: component.gameObject,\n      });\n    });\n  }\n  remove(changed: ComponentChanged) {\n    const container = this.containerManager.getContainer(changed.gameObject.id);\n    container.interactive = false;\n    container.off('tap');\n    container.off('pointerdown');\n    container.off('pointermove');\n    container.off('pointerup');\n    container.off('pointerupoutside');\n    container.off('pointercancel');\n    changed.component.removeAllListeners();\n  }\n  change(changed: ComponentChanged) {\n    const container = this.containerManager.getContainer(changed.gameObject.id);\n    container.interactive = true;\n    const component = changed.component as EventComponent;\n\n    if (component.hitArea) {\n      this.addHitArea(changed, container, component.hitArea);\n    } else {\n      component.hitArea = null;\n    }\n  }\n  addHitArea(changed: ComponentChanged, container, hitArea) {\n    const { type, style } = hitArea;\n    if (!hitAreaFunc[type]) {\n      console.error(`${changed.gameObject.name}'s hitArea type is not defined`);\n      return;\n    }\n    const params = [];\n    for (const key of propertyForHitArea[type]) {\n      params.push(style[key]);\n    }\n    const hitAreaShape = new hitAreaFunc[type](...params);\n    container.hitArea = hitAreaShape;\n  }\n}\n","import { Component } from '@combos-fun/engine';\nimport type { GameObject } from \"@combos-fun/engine\";\n\nexport enum HIT_AREA_TYPE {\n  Circle = 'Circle',\n  Ellipse = 'Ellipse',\n  Polygon = 'Polygon',\n  Rect = 'Rect',\n  RoundedRect = 'RoundedRect',\n}\n\ninterface HitArea {\n  type: HIT_AREA_TYPE;\n  style?: {\n    x?: number;\n    y?: number;\n    radius?: number;\n    width?: number;\n    height?: number;\n    paths?: number[];\n  };\n}\n\nexport interface EventParams {\n  hitArea: HitArea;\n}\n\ntype TouchEventName = 'touchstart' | 'touchmove' | 'touchend' | 'tap' | 'touchendoutside' | 'touchcancel';\ntype EventParam = {\n  stopPropagation: () => void,\n  data: {\n    pointerId: number,\n    position: {\n      x: number,\n      y: number,\n    },\n    /**\n     * The position related to event target gameobject\n     */\n    localPosition: {\n      x: number,\n      y: number\n    }\n  },\n  gameObject: GameObject,\n}\n\nexport default class Event extends Component<EventParams> {\n  static componentName = 'Event';\n  hitArea: HitArea = undefined;\n  init(params?: EventParams) {\n    params && Object.assign(this, params);\n  }\n\n  emit(eventName: TouchEventName, ...args: [EventParam]): boolean\n  emit<T extends string>(eventName: Exclude<T, TouchEventName>, ...args: any[]): boolean\n  emit(en: string, ...args: any[]) {\n    return super.emit(en, ...args);\n  }\n\n  once(eventName: TouchEventName, fn: (arg: EventParam) => void, context?: any): this\n  once<T extends string>(eventName: Exclude<T, TouchEventName>, fn: (...args: any[]) => void, context?: any): this\n  once(en: string, fn: (...args: any[]) => void, context?: any) {\n    return super.once(en, fn, context);\n  }\n\n  on(eventName: TouchEventName, fn: (arg: EventParam) => void, context?: any): this\n  on<T extends string>(eventName: Exclude<T, TouchEventName>, fn: (...args: any[]) => void, context?: any): this\n  on(en: string, fn: (...args: any[]) => void, context?: any) {\n    return super.on(en, fn, context);\n  }\n\n}\n"],"names":["Circle","Ellipse","Polygon","Rectangle","RoundedRectangle","Renderer","RendererSystem","OBSERVER_TYPE","__decorate","decorators","HIT_AREA_TYPE","Component"],"mappings":"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"}

package/dist/plugin-renderer-event.cjs.prod.js

@@ -0,0 +1 @@
+"use strict";var e=require("tslib"),t=require("@combos-fun/plugin-renderer"),o=require("@combos-fun/engine"),n=require("pixi.js");function i(e,t){return{pointerId:e.pointerId,position:{x:e.global.x,y:e.global.y},localPosition:e.getLocalPosition(t)}}const r={Circle:n.Circle,Ellipse:n.Ellipse,Polygon:n.Polygon,Rect:n.Rectangle,RoundedRect:n.RoundedRectangle},a={Circle:["x","y","radius"],Ellipse:["x","y","width","height"],Rect:["x","y","width","height"],RoundedRect:["x","y","width","height","radius"],Polygon:["paths"]};let s=class extends t.Renderer{constructor(){super(...arguments),this.name="Event"}static{this.systemName="Event"}init({moveWhenInside:e=!1}={}){this.renderSystem=this.game.getSystem(t.RendererSystem),this.renderSystem.rendererManager.register(this);const o=this.renderSystem.application?.renderer?.events;o&&(o.features.globalMove=!e)}componentChanged(e){switch(e.type){case o.OBSERVER_TYPE.ADD:this.add(e);break;case o.OBSERVER_TYPE.REMOVE:this.remove(e);break;case o.OBSERVER_TYPE.CHANGE:this.change(e)}}add(e){const t=this.containerManager.getContainer(e.gameObject.id);t.interactive=!0,t.interactiveChildren=!0;const o=e.component;o.hitArea&&this.addHitArea(e,t,o.hitArea),t.on("pointertap",e=>{o.emit("tap",{stopPropagation:()=>e.stopPropagation(),data:i(e,t),gameObject:o.gameObject})}),t.on("pointerdown",e=>{o.emit("touchstart",{stopPropagation:()=>e.stopPropagation(),data:i(e,t),gameObject:o.gameObject})}),t.on("pointermove",e=>{o.emit("touchmove",{stopPropagation:()=>e.stopPropagation(),data:i(e,t),gameObject:o.gameObject})}),t.on("pointerup",e=>{o.emit("touchend",{stopPropagation:()=>e.stopPropagation(),data:i(e,t),gameObject:o.gameObject})}),t.on("pointerupoutside",e=>{o.emit("touchendoutside",{stopPropagation:()=>e.stopPropagation(),data:i(e,t),gameObject:o.gameObject})}),t.on("pointercancel",e=>{o.emit("touchcancel",{stopPropagation:()=>e.stopPropagation(),data:i(e,t),gameObject:o.gameObject})})}remove(e){const t=this.containerManager.getContainer(e.gameObject.id);t.interactive=!1,t.off("tap"),t.off("pointerdown"),t.off("pointermove"),t.off("pointerup"),t.off("pointerupoutside"),t.off("pointercancel"),e.component.removeAllListeners()}change(e){const t=this.containerManager.getContainer(e.gameObject.id);t.interactive=!0;const o=e.component;o.hitArea?this.addHitArea(e,t,o.hitArea):o.hitArea=null}addHitArea(e,t,o){const{type:n,style:i}=o;if(!r[n])return void console.error(`${e.gameObject.name}'s hitArea type is not defined`);const s=[];for(const e of a[n])s.push(i[e]);const c=new r[n](...s);t.hitArea=c}};s=e.__decorate([o.decorators.componentObserver({Event:[{prop:["hitArea"],deep:!0}]})],s);var c,p=s;exports.HIT_AREA_TYPE=void 0,(c=exports.HIT_AREA_TYPE||(exports.HIT_AREA_TYPE={})).Circle="Circle",c.Ellipse="Ellipse",c.Polygon="Polygon",c.Rect="Rect",c.RoundedRect="RoundedRect";class d extends o.Component{constructor(){super(...arguments),this.hitArea=void 0}static{this.componentName="Event"}init(e){e&&Object.assign(this,e)}emit(e,...t){return super.emit(e,...t)}once(e,t,o){return super.once(e,t,o)}on(e,t,o){return super.on(e,t,o)}}exports.Event=d,exports.EventSystem=p;

package/dist/plugin-renderer-event.d.ts

@@ -0,0 +1,74 @@
+import { Renderer, RendererSystem, RendererManager, ContainerManager } from '@combos-fun/plugin-renderer';
+import { ComponentChanged, Component, GameObject } from '@combos-fun/engine';
+
+interface EventSystemParams {
+    moveWhenInside?: boolean;
+}
+declare class EventSystem extends Renderer<EventSystemParams> {
+    static systemName: string;
+    name: string;
+    renderSystem: RendererSystem;
+    rendererManager: RendererManager;
+    containerManager: ContainerManager;
+    init({ moveWhenInside }?: EventSystemParams): void;
+    componentChanged(changed: ComponentChanged): void;
+    add(changed: ComponentChanged): void;
+    remove(changed: ComponentChanged): void;
+    change(changed: ComponentChanged): void;
+    addHitArea(changed: ComponentChanged, container: any, hitArea: any): void;
+}
+
+declare enum HIT_AREA_TYPE {
+    Circle = "Circle",
+    Ellipse = "Ellipse",
+    Polygon = "Polygon",
+    Rect = "Rect",
+    RoundedRect = "RoundedRect"
+}
+interface HitArea {
+    type: HIT_AREA_TYPE;
+    style?: {
+        x?: number;
+        y?: number;
+        radius?: number;
+        width?: number;
+        height?: number;
+        paths?: number[];
+    };
+}
+interface EventParams {
+    hitArea: HitArea;
+}
+type TouchEventName = 'touchstart' | 'touchmove' | 'touchend' | 'tap' | 'touchendoutside' | 'touchcancel';
+type EventParam = {
+    stopPropagation: () => void;
+    data: {
+        pointerId: number;
+        position: {
+            x: number;
+            y: number;
+        };
+        /**
+         * The position related to event target gameobject
+         */
+        localPosition: {
+            x: number;
+            y: number;
+        };
+    };
+    gameObject: GameObject;
+};
+declare class Event extends Component<EventParams> {
+    static componentName: string;
+    hitArea: HitArea;
+    init(params?: EventParams): void;
+    emit(eventName: TouchEventName, ...args: [EventParam]): boolean;
+    emit<T extends string>(eventName: Exclude<T, TouchEventName>, ...args: any[]): boolean;
+    once(eventName: TouchEventName, fn: (arg: EventParam) => void, context?: any): this;
+    once<T extends string>(eventName: Exclude<T, TouchEventName>, fn: (...args: any[]) => void, context?: any): this;
+    on(eventName: TouchEventName, fn: (arg: EventParam) => void, context?: any): this;
+    on<T extends string>(eventName: Exclude<T, TouchEventName>, fn: (...args: any[]) => void, context?: any): this;
+}
+
+export { Event, EventSystem, HIT_AREA_TYPE };
+export type { EventParams, EventSystemParams };

package/dist/plugin-renderer-event.esm.js

@@ -0,0 +1,180 @@
+import { __decorate } from 'tslib';
+import { Renderer, RendererSystem } from '@combos-fun/plugin-renderer';
+import { OBSERVER_TYPE, decorators, Component } from '@combos-fun/engine';
+import { RoundedRectangle, Rectangle, Polygon, Ellipse, Circle } from 'pixi.js';
+
+function pointerEventData(e, container) {
+    return {
+        pointerId: e.pointerId,
+        position: {
+            x: e.global.x,
+            y: e.global.y,
+        },
+        localPosition: e.getLocalPosition(container),
+    };
+}
+const hitAreaFunc = {
+    Circle,
+    Ellipse,
+    Polygon,
+    Rect: Rectangle,
+    RoundedRect: RoundedRectangle,
+};
+const propertyForHitArea = {
+    Circle: ['x', 'y', 'radius'],
+    Ellipse: ['x', 'y', 'width', 'height'],
+    Rect: ['x', 'y', 'width', 'height'],
+    RoundedRect: ['x', 'y', 'width', 'height', 'radius'],
+    Polygon: ['paths'],
+};
+let EventSystem = class EventSystem extends Renderer {
+    constructor() {
+        super(...arguments);
+        this.name = 'Event';
+    }
+    static { this.systemName = 'Event'; }
+    init({ moveWhenInside = false } = {}) {
+        this.renderSystem = this.game.getSystem(RendererSystem);
+        this.renderSystem.rendererManager.register(this);
+        const events = this.renderSystem.application?.renderer?.events;
+        if (events) {
+            events.features.globalMove = !moveWhenInside;
+        }
+    }
+    componentChanged(changed) {
+        switch (changed.type) {
+            case OBSERVER_TYPE.ADD:
+                this.add(changed);
+                break;
+            case OBSERVER_TYPE.REMOVE:
+                this.remove(changed);
+                break;
+            case OBSERVER_TYPE.CHANGE:
+                this.change(changed);
+                break;
+        }
+    }
+    add(changed) {
+        const container = this.containerManager.getContainer(changed.gameObject.id);
+        container.interactive = true;
+        container.interactiveChildren = true;
+        const component = changed.component;
+        if (component.hitArea) {
+            this.addHitArea(changed, container, component.hitArea);
+        }
+        container.on('pointertap', (e) => {
+            component.emit('tap', {
+                stopPropagation: () => e.stopPropagation(),
+                data: pointerEventData(e, container),
+                gameObject: component.gameObject,
+            });
+        });
+        container.on('pointerdown', (e) => {
+            component.emit('touchstart', {
+                stopPropagation: () => e.stopPropagation(),
+                data: pointerEventData(e, container),
+                gameObject: component.gameObject,
+            });
+        });
+        container.on('pointermove', (e) => {
+            component.emit('touchmove', {
+                stopPropagation: () => e.stopPropagation(),
+                data: pointerEventData(e, container),
+                gameObject: component.gameObject,
+            });
+        });
+        container.on('pointerup', (e) => {
+            component.emit('touchend', {
+                stopPropagation: () => e.stopPropagation(),
+                data: pointerEventData(e, container),
+                gameObject: component.gameObject,
+            });
+        });
+        container.on('pointerupoutside', (e) => {
+            component.emit('touchendoutside', {
+                stopPropagation: () => e.stopPropagation(),
+                data: pointerEventData(e, container),
+                gameObject: component.gameObject,
+            });
+        });
+        container.on('pointercancel', (e) => {
+            component.emit('touchcancel', {
+                stopPropagation: () => e.stopPropagation(),
+                data: pointerEventData(e, container),
+                gameObject: component.gameObject,
+            });
+        });
+    }
+    remove(changed) {
+        const container = this.containerManager.getContainer(changed.gameObject.id);
+        container.interactive = false;
+        container.off('tap');
+        container.off('pointerdown');
+        container.off('pointermove');
+        container.off('pointerup');
+        container.off('pointerupoutside');
+        container.off('pointercancel');
+        changed.component.removeAllListeners();
+    }
+    change(changed) {
+        const container = this.containerManager.getContainer(changed.gameObject.id);
+        container.interactive = true;
+        const component = changed.component;
+        if (component.hitArea) {
+            this.addHitArea(changed, container, component.hitArea);
+        }
+        else {
+            component.hitArea = null;
+        }
+    }
+    addHitArea(changed, container, hitArea) {
+        const { type, style } = hitArea;
+        if (!hitAreaFunc[type]) {
+            console.error(`${changed.gameObject.name}'s hitArea type is not defined`);
+            return;
+        }
+        const params = [];
+        for (const key of propertyForHitArea[type]) {
+            params.push(style[key]);
+        }
+        const hitAreaShape = new hitAreaFunc[type](...params);
+        container.hitArea = hitAreaShape;
+    }
+};
+EventSystem = __decorate([
+    decorators.componentObserver({
+        Event: [{ prop: ['hitArea'], deep: true }],
+    })
+], EventSystem);
+var EventSystem_default = EventSystem;
+
+var HIT_AREA_TYPE;
+(function (HIT_AREA_TYPE) {
+    HIT_AREA_TYPE["Circle"] = "Circle";
+    HIT_AREA_TYPE["Ellipse"] = "Ellipse";
+    HIT_AREA_TYPE["Polygon"] = "Polygon";
+    HIT_AREA_TYPE["Rect"] = "Rect";
+    HIT_AREA_TYPE["RoundedRect"] = "RoundedRect";
+})(HIT_AREA_TYPE || (HIT_AREA_TYPE = {}));
+class Event extends Component {
+    constructor() {
+        super(...arguments);
+        this.hitArea = undefined;
+    }
+    static { this.componentName = 'Event'; }
+    init(params) {
+        params && Object.assign(this, params);
+    }
+    emit(en, ...args) {
+        return super.emit(en, ...args);
+    }
+    once(en, fn, context) {
+        return super.once(en, fn, context);
+    }
+    on(en, fn, context) {
+        return super.on(en, fn, context);
+    }
+}
+
+export { Event, EventSystem_default as EventSystem, HIT_AREA_TYPE };
+//# sourceMappingURL=plugin-renderer-event.esm.js.map

package/dist/plugin-renderer-event.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-renderer-event.esm.js","sources":["../lib/system.ts","../lib/component.ts"],"sourcesContent":["import { Renderer, RendererSystem, RendererManager, ContainerManager } from '@combos-fun/plugin-renderer';\nimport { decorators, ComponentChanged, OBSERVER_TYPE } from '@combos-fun/engine';\nimport { Circle, Ellipse, Polygon, RoundedRectangle, Rectangle } from 'pixi.js';\nimport type { Container as PixiContainer } from 'pixi.js';\nimport type { FederatedPointerEvent } from 'pixi.js';\nimport EventComponent from './component';\n\nfunction pointerEventData(e: FederatedPointerEvent, container: PixiContainer) {\n  return {\n    pointerId: e.pointerId,\n    position: {\n      x: e.global.x,\n      y: e.global.y,\n    },\n    localPosition: e.getLocalPosition(container),\n  };\n}\n\nconst hitAreaFunc = {\n  Circle,\n  Ellipse,\n  Polygon,\n  Rect: Rectangle,\n  RoundedRect: RoundedRectangle,\n};\n\nconst propertyForHitArea = {\n  Circle: ['x', 'y', 'radius'],\n  Ellipse: ['x', 'y', 'width', 'height'],\n  Rect: ['x', 'y', 'width', 'height'],\n  RoundedRect: ['x', 'y', 'width', 'height', 'radius'],\n  Polygon: ['paths'],\n};\n\nexport interface EventSystemParams {\n  moveWhenInside?: boolean\n}\n\n@decorators.componentObserver({\n  Event: [{ prop: ['hitArea'], deep: true }],\n})\nexport default class EventSystem extends Renderer<EventSystemParams> {\n  static systemName = 'Event';\n  name: string = 'Event';\n  renderSystem: RendererSystem;\n  rendererManager: RendererManager;\n  containerManager: ContainerManager;\n  init({ moveWhenInside = false }: EventSystemParams = {}) {\n    this.renderSystem = this.game.getSystem(RendererSystem) as RendererSystem;\n    this.renderSystem.rendererManager.register(this);\n    const events = this.renderSystem.application?.renderer?.events;\n    if (events) {\n      events.features.globalMove = !moveWhenInside;\n    }\n  }\n  componentChanged(changed: ComponentChanged) {\n    switch (changed.type) {\n      case OBSERVER_TYPE.ADD:\n        this.add(changed);\n        break;\n      case OBSERVER_TYPE.REMOVE:\n        this.remove(changed);\n        break;\n      case OBSERVER_TYPE.CHANGE:\n        this.change(changed);\n        break;\n    }\n  }\n  add(changed: ComponentChanged) {\n    const container = this.containerManager.getContainer(changed.gameObject.id);\n    container.interactive = true;\n    container.interactiveChildren = true;\n    const component = changed.component as EventComponent;\n\n    if (component.hitArea) {\n      this.addHitArea(changed, container, component.hitArea);\n    }\n\n    container.on('pointertap', (e: FederatedPointerEvent) => {\n      component.emit('tap', {\n        stopPropagation: () => e.stopPropagation(),\n        data: pointerEventData(e, container),\n        gameObject: component.gameObject,\n      });\n    });\n    container.on('pointerdown', (e: FederatedPointerEvent) => {\n      component.emit('touchstart', {\n        stopPropagation: () => e.stopPropagation(),\n        data: pointerEventData(e, container),\n        gameObject: component.gameObject,\n      });\n    });\n    container.on('pointermove', (e: FederatedPointerEvent) => {\n      component.emit('touchmove', {\n        stopPropagation: () => e.stopPropagation(),\n        data: pointerEventData(e, container),\n        gameObject: component.gameObject,\n      });\n    });\n    container.on('pointerup', (e: FederatedPointerEvent) => {\n      component.emit('touchend', {\n        stopPropagation: () => e.stopPropagation(),\n        data: pointerEventData(e, container),\n        gameObject: component.gameObject,\n      });\n    });\n    container.on('pointerupoutside', (e: FederatedPointerEvent) => {\n      component.emit('touchendoutside', {\n        stopPropagation: () => e.stopPropagation(),\n        data: pointerEventData(e, container),\n        gameObject: component.gameObject,\n      });\n    });\n    container.on('pointercancel', (e: FederatedPointerEvent) => {\n      component.emit('touchcancel', {\n        stopPropagation: () => e.stopPropagation(),\n        data: pointerEventData(e, container),\n        gameObject: component.gameObject,\n      });\n    });\n  }\n  remove(changed: ComponentChanged) {\n    const container = this.containerManager.getContainer(changed.gameObject.id);\n    container.interactive = false;\n    container.off('tap');\n    container.off('pointerdown');\n    container.off('pointermove');\n    container.off('pointerup');\n    container.off('pointerupoutside');\n    container.off('pointercancel');\n    changed.component.removeAllListeners();\n  }\n  change(changed: ComponentChanged) {\n    const container = this.containerManager.getContainer(changed.gameObject.id);\n    container.interactive = true;\n    const component = changed.component as EventComponent;\n\n    if (component.hitArea) {\n      this.addHitArea(changed, container, component.hitArea);\n    } else {\n      component.hitArea = null;\n    }\n  }\n  addHitArea(changed: ComponentChanged, container, hitArea) {\n    const { type, style } = hitArea;\n    if (!hitAreaFunc[type]) {\n      console.error(`${changed.gameObject.name}'s hitArea type is not defined`);\n      return;\n    }\n    const params = [];\n    for (const key of propertyForHitArea[type]) {\n      params.push(style[key]);\n    }\n    const hitAreaShape = new hitAreaFunc[type](...params);\n    container.hitArea = hitAreaShape;\n  }\n}\n","import { Component } from '@combos-fun/engine';\nimport type { GameObject } from \"@combos-fun/engine\";\n\nexport enum HIT_AREA_TYPE {\n  Circle = 'Circle',\n  Ellipse = 'Ellipse',\n  Polygon = 'Polygon',\n  Rect = 'Rect',\n  RoundedRect = 'RoundedRect',\n}\n\ninterface HitArea {\n  type: HIT_AREA_TYPE;\n  style?: {\n    x?: number;\n    y?: number;\n    radius?: number;\n    width?: number;\n    height?: number;\n    paths?: number[];\n  };\n}\n\nexport interface EventParams {\n  hitArea: HitArea;\n}\n\ntype TouchEventName = 'touchstart' | 'touchmove' | 'touchend' | 'tap' | 'touchendoutside' | 'touchcancel';\ntype EventParam = {\n  stopPropagation: () => void,\n  data: {\n    pointerId: number,\n    position: {\n      x: number,\n      y: number,\n    },\n    /**\n     * The position related to event target gameobject\n     */\n    localPosition: {\n      x: number,\n      y: number\n    }\n  },\n  gameObject: GameObject,\n}\n\nexport default class Event extends Component<EventParams> {\n  static componentName = 'Event';\n  hitArea: HitArea = undefined;\n  init(params?: EventParams) {\n    params && Object.assign(this, params);\n  }\n\n  emit(eventName: TouchEventName, ...args: [EventParam]): boolean\n  emit<T extends string>(eventName: Exclude<T, TouchEventName>, ...args: any[]): boolean\n  emit(en: string, ...args: any[]) {\n    return super.emit(en, ...args);\n  }\n\n  once(eventName: TouchEventName, fn: (arg: EventParam) => void, context?: any): this\n  once<T extends string>(eventName: Exclude<T, TouchEventName>, fn: (...args: any[]) => void, context?: any): this\n  once(en: string, fn: (...args: any[]) => void, context?: any) {\n    return super.once(en, fn, context);\n  }\n\n  on(eventName: TouchEventName, fn: (arg: EventParam) => void, context?: any): this\n  on<T extends string>(eventName: Exclude<T, TouchEventName>, fn: (...args: any[]) => void, context?: any): this\n  on(en: string, fn: (...args: any[]) => void, context?: any) {\n    return super.on(en, fn, context);\n  }\n\n}\n"],"names":[],"mappings":"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"}

package/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/plugin-renderer-event.cjs.prod.js');
+} else {
+  module.exports = require('./dist/plugin-renderer-event.cjs.js');
+}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@combos-fun/plugin-renderer-event",
+  "version": "0.0.1",
+  "description": "@combos-fun/plugin-renderer-event",
+  "main": "index.js",
+  "module": "dist/plugin-renderer-event.esm.js",
+  "bundle": "CombosFun.plugin.renderer.event",
+  "unpkg": "dist/CombosFun.plugin.renderer.event.min.js",
+  "files": [
+    "index.js",
+    "dist"
+  ],
+  "types": "dist/plugin-renderer-event.d.ts",
+  "keywords": [
+    "combos-fun",
+    "game"
+  ],
+  "author": "sun668 <q947692259@gmail.com>",
+  "dependencies": {
+    "pixi.js": "^8.18.1",
+    "@combos-fun/engine": "0.0.1",
+    "@combos-fun/plugin-renderer": "0.0.1"
+  },
+  "scripts": {
+    "build": "node ../../scripts/build-package.mjs"
+  }
+}