@safe-engine/pixi 8.5.5 → 8.6.3

package/dist/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAO5D,wBAAsB,SAAS,CAC7B,WAAW,KAAA,EACX,kBAAkB;;;CAA+B,EACjD,YAAY,EAAE,WAAW,EACzB,EAAE,SAAe,GAChB,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CA6BhC"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAM5D,wBAAsB,SAAS,CAC7B,WAAW,KAAA,EACX,kBAAkB;;;CAA+B,EACjD,YAAY,EAAE,WAAW,EACzB,EAAE,SAAe,GAChB,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CA6BhC"}

package/dist/app.js

@@ -10,7 +10,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { actionManager } from 'pixi-action-ease';
 import { Application } from 'pixi.js';
 import { GameWorld } from './base';
-import { GUISystem } from './gui/GUISystem';
 import { NoRenderSystem } from './norender/NoRenderSystem';
 import { RenderSystem } from './render/RenderSystem';
 export function startGame(defaultFont_1) {
@@ -57,13 +56,11 @@ function startGameLoop(world) {
 function initWorld(defaultFont) {
     const world = GameWorld.Instance;
     world.systems.add(RenderSystem);
-    world.systems.add(GUISystem);
     world.systems.add(NoRenderSystem);
     world.systems.configureOnce(RenderSystem);
-    world.systems.configureOnce(GUISystem);
     world.systems.configureOnce(NoRenderSystem);
     if (defaultFont) {
-        const guiSystem = world.systems.get(GUISystem);
-        guiSystem.defaultFont = defaultFont;
+        const fontSystem = world.systems.get(RenderSystem);
+        fontSystem.defaultFont = defaultFont;
     }
 }

package/dist/components/NodeComp.d.ts

@@ -1,15 +1,16 @@
 import { ComponentType, Constructor, Entity } from 'entityx-ts';
-import { Action, Animation } from 'pixi-action-ease';
+import { Action } from 'pixi-action-ease';
 import { ColorSource, Container, Point } from 'pixi.js';
 import { EnhancedComponent } from '..';
 import { Vec2 } from '../core';
 import { Size } from '../core/Size';
+import { EventRegister } from '../norender/NoRenderComponent';
 export declare class NodeComp<C extends Container = Container> {
     entity: Entity;
     instance: C;
     parent: NodeComp;
     children: NodeComp[];
-    actionsList: Animation[];
+    private actionsList;
     name: string;
     private _group;
     private _active;
@@ -116,19 +117,23 @@ export declare class NodeComp<C extends Container = Container> {
         angle(other: Vec2): number;
         distance(other: /*elided*/ any): number;
     };
+    getBoundingBox(): import("pixi.js").Bounds;
     get contentSize(): Size;
     set contentSize(size: Size);
     runAction(act: Action): void;
     stopAllActions(): void;
-    pauseAllActions(): void;
-    resumeAllActions(): void;
+    pauseAllActionsAndSchedule(): void;
+    resumeAllActionsAndSchedule(): void;
     destroy(): void;
     removeFromParent(): void;
     addChild(child: NodeComp, zOrder?: number): void;
     destroyAllChildren(): void;
     removeAllChildren(): void;
-    resolveComponent(component: EnhancedComponent<object, NodeComp>): void;
+    resolveComponent(component: EnhancedComponent<object, NodeComp> & {
+        start?: () => void;
+    }): void;
     getData<T>(key: string): T;
     setData<T>(key: string, value: T): void;
+    get event(): ComponentType | EventRegister;
 }
 //# sourceMappingURL=NodeComp.d.ts.map

package/dist/components/NodeComp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeComp.d.ts","sourceRoot":"","sources":["../../src/components/NodeComp.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"NodeComp.d.ts","sourceRoot":"","sources":["../../src/components/NodeComp.ts"],"names":[],"mappings":"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"}

package/dist/components/NodeComp.js

@@ -3,7 +3,7 @@ import { Point, Sprite, Text } from 'pixi.js';
 import { instantiate } from '..';
 import { updatePoint, Vec2 } from '../core';
 import { ProgressBarComp } from '../gui/GUIComponent';
-import { ExtraDataComp } from '../norender/NoRenderComponent';
+import { EventRegister, ExtraDataComp } from '../norender/NoRenderComponent';
 export class NodeComp {
     constructor(instance, entity) {
         this.children = [];
@@ -185,13 +185,10 @@ export class NodeComp {
     // getAnchorPoint() {
     //   return this.instance.getAnchorPoint()
     // }
-    // getBoundingBox() {
-    //   const box = this.instance.getBoundingBox()
-    //   box.contains = function (point) {
-    //     return this.x <= point.x && this.x + this.width >= point.x && this.y <= point.y && this.y + this.height >= point.y
-    //   }
-    //   return box
-    // }
+    getBoundingBox() {
+        const box = this.instance.getBounds();
+        return box;
+    }
     get contentSize() {
         return this.instance.getSize();
     }
@@ -208,12 +205,12 @@ export class NodeComp {
         });
         this.actionsList = [];
     }
-    pauseAllActions() {
+    pauseAllActionsAndSchedule() {
         this.actionsList.forEach((anim) => {
             anim.isPause = true;
         });
     }
-    resumeAllActions() {
+    resumeAllActionsAndSchedule() {
         this.actionsList.forEach((anim) => {
             anim.isPause = false;
         });
@@ -260,6 +257,8 @@ export class NodeComp {
         }
         else {
             this.addComponent(component);
+            if (component.start)
+                component.start();
             if (component instanceof ProgressBarComp) {
                 this.addChild(component.node);
             }
@@ -281,4 +280,11 @@ export class NodeComp {
             data.setData(key, value);
         }
     }
+    get event() {
+        const _event = this.getComponent(EventRegister);
+        if (!_event) {
+            return this.addComponent(instantiate(EventRegister));
+        }
+        return _event;
+    }
 }

package/dist/core/math.d.ts

@@ -1,4 +1,5 @@
 export declare function randomRangeInt(minInclude: Integer, maxExclude: Integer): number;
+export declare function randomRange(minInclude: Float, maxExclude: Float): number;
 export declare function degreesToRadians(deg: Float): number;
 export declare function radiansToDegrees(rad: Float): number;
 export declare function clampf(theta: number, arg1: number, arg2: number): number;

package/dist/core/math.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/core/math.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,UAEtE;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,KAAK,UAE1C;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,KAAK,UAE1C;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAOxE"}
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/core/math.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,UAEtE;AACD,wBAAgB,WAAW,CAAC,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,UAE/D;AACD,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,KAAK,UAE1C;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,KAAK,UAE1C;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAOxE"}

package/dist/core/math.js

@@ -2,6 +2,9 @@ import { DEG_TO_RAD, RAD_TO_DEG } from 'pixi.js';
 export function randomRangeInt(minInclude, maxExclude) {
     return Math.round(Math.random() * (maxExclude - minInclude - 1)) + minInclude;
 }
+export function randomRange(minInclude, maxExclude) {
+    return Math.random() * (maxExclude - minInclude - 1) + minInclude;
+}
 export function degreesToRadians(deg) {
     return DEG_TO_RAD * deg;
 }

package/dist/gui/GUIComponent.d.ts

@@ -1,23 +1,13 @@
 import { CheckBox, CheckBoxOptions, Input, List, ProgressBar, RadioGroup, Slider, SliderOptions } from '@pixi/ui';
-import { Container, Point, Text } from 'pixi.js';
+import { Container } from 'pixi.js';
 import { BaseComponentProps } from '..';
 import { ComponentX, NoRenderComponentX } from '../components/BaseComponent';
-import { Color4B } from '../core/Color';
-import { LoadingBarMode, ProgressTimer } from '../core/LoadingBar';
+import { LoadingBarMode } from '../core/LoadingBar';
 export declare const FillType: {
     HORIZONTAL: number;
     VERTICAL: number;
     RADIAL: number;
 };
-interface ButtonCompProps extends BaseComponentProps<ButtonComp> {
-    normalImage?: string;
-    selectedImage?: string;
-    disableImage?: string;
-    zoomScale?: number;
-    onPress: (target: ButtonComp) => void;
-}
-export declare class ButtonComp extends NoRenderComponentX<ButtonCompProps> {
-}
 export declare class ProgressBarComp extends ComponentX<{}, ProgressBar> {
     mode: LoadingBarMode;
     isReverse: boolean;
@@ -26,19 +16,6 @@ export declare class ProgressBarComp extends ComponentX<{}, ProgressBar> {
     get progress(): number;
     set progress(val: number);
 }
-interface LabelCompProps extends BaseComponentProps<LabelComp> {
-    font?: string;
-    string?: string;
-    size?: number;
-}
-export declare class LabelComp extends ComponentX<LabelCompProps, Text> {
-    get string(): string;
-    set string(val: string);
-    get size(): number;
-    set size(val: number);
-    get font(): string;
-    set font(val: string);
-}
 interface ScrollViewProps {
     width: number;
     height: number;
@@ -47,31 +24,6 @@ export declare class ScrollView extends NoRenderComponentX<ScrollViewProps> {
 }
 export declare class BlockInputEventsComp extends NoRenderComponentX {
 }
-interface ProgressTimerProps extends BaseComponentProps<ProgressTimerComp> {
-    spriteFrame: string;
-    fillType?: number;
-    fillRange?: number;
-    fillCenter?: Point;
-    isReverse?: boolean;
-}
-export declare class ProgressTimerComp extends ComponentX<ProgressTimerProps, ProgressTimer> {
-    getFillRange(): number;
-    setFillStart(val: number): void;
-    setFillRange(val: number): void;
-}
-interface LabelOutlineCompProps {
-    color: Color4B;
-    width: number;
-}
-export declare class LabelOutlineComp extends NoRenderComponentX<LabelOutlineCompProps> {
-}
-interface LabelShadowCompProps extends BaseComponentProps<LabelShadowComp> {
-    color: Color4B;
-    blur: number;
-    offset?: Point;
-}
-export declare class LabelShadowComp extends NoRenderComponentX<LabelShadowCompProps> {
-}
 interface InputCompProps extends BaseComponentProps<InputComp> {
     placeHolder?: string;
     font?: string;

package/dist/gui/GUIComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GUIComponent.d.ts","sourceRoot":"","sources":["../../src/gui/GUIComponent.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"GUIComponent.d.ts","sourceRoot":"","sources":["../../src/gui/GUIComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACjH,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,eAAO,MAAM,QAAQ;;;;CAIpB,CAAA;AAID,qBAAa,eAAgB,SAAQ,UAAU,CAAC,EAAE,EAAE,WAAW,CAAC;IAC9D,IAAI,iBAAqB;IACzB,SAAS,EAAE,OAAO,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IAEZ,IAAI,QAAQ,IAIM,MAAM,CAFvB;IAED,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAEvB;CACF;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AACD,qBAAa,UAAW,SAAQ,kBAAkB,CAAC,eAAe,CAAC;CAAG;AAEtE,qBAAa,oBAAqB,SAAQ,kBAAkB;CAAG;AAE/D,UAAU,cAAe,SAAQ,kBAAkB,CAAC,SAAS,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,EAAE,CAAC,EAAE,MAAM,CAAA;CAEZ;AACD,qBAAa,SAAU,SAAQ,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC;IAC9D,IAAI,MAAM,WAET;CACF;AAED,qBAAa,QAAS,SAAQ,UAAU,CAAC,EAAE,EAAE,IAAI,CAAC;CAAG;AACrD,qBAAa,UAAW,SAAQ,UAAU,CAAC,EAAE,EAAE,MAAM,CAAC;IACpD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC3B,MAAM,EAAE,SAAS,CAAA;CAClB;AACD,qBAAa,cAAe,SAAQ,UAAU,CAAC,EAAE,EAAE,UAAU,CAAC;CAAG;AACjE,qBAAa,YAAa,SAAQ,UAAU,CAAC;IAAE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;CAAE,EAAE,QAAQ,CAAC;CAAG"}

package/dist/gui/GUIComponent.js

@@ -1,4 +1,3 @@
-import { Assets, Text } from 'pixi.js';
 import { ComponentX, NoRenderComponentX } from '../components/BaseComponent';
 import { LoadingBarMode } from '../core/LoadingBar';
 export const FillType = {
@@ -6,8 +5,8 @@ export const FillType = {
     VERTICAL: 1,
     RADIAL: 2,
 };
-export class ButtonComp extends NoRenderComponentX {
-}
+// type Keys = keyof typeof FillType
+// type Values = (typeof FillType)[Keys]
 export class ProgressBarComp extends ComponentX {
     constructor() {
         super(...arguments);
@@ -20,63 +19,10 @@ export class ProgressBarComp extends ComponentX {
         this.node.instance.progress = val;
     }
 }
-export class LabelComp extends ComponentX {
-    get string() {
-        return this.props.string;
-    }
-    set string(val) {
-        this.props.string = val;
-        if (!this.node)
-            return;
-        if (this.node.instance instanceof Text) {
-            this.node.instance.text = val;
-        }
-    }
-    get size() {
-        return this.props.size;
-    }
-    set size(val) {
-        this.props.size = val;
-        if (!this.node)
-            return;
-        if (this.node.instance instanceof Text) {
-            this.node.instance.style.fontSize = val;
-        }
-    }
-    get font() {
-        return this.props.font;
-    }
-    set font(val) {
-        this.props.font = val;
-        if (!this.node)
-            return;
-        // console.log('set font', val, Assets.get(val))
-        if (this.node.instance instanceof Text) {
-            if (Assets.get(val))
-                this.node.instance.style.fontFamily = Assets.get(val).family;
-        }
-    }
-}
 export class ScrollView extends NoRenderComponentX {
 }
 export class BlockInputEventsComp extends NoRenderComponentX {
 }
-export class ProgressTimerComp extends ComponentX {
-    getFillRange() {
-        return this.node.instance.progress;
-    }
-    setFillStart(val) {
-        this.node.instance.fillCenter.x = val;
-    }
-    setFillRange(val) {
-        // console.log('setFillRange', this.node.instance);
-        this.node.instance.progress = val;
-    }
-}
-export class LabelOutlineComp extends NoRenderComponentX {
-}
-export class LabelShadowComp extends NoRenderComponentX {
-}
 export class InputComp extends ComponentX {
     get string() {
         return this.node.instance.value;

package/dist/gui/GUISystem.d.ts

@@ -1,7 +1,6 @@
 import { EventManager, System } from 'entityx-ts';
 import { GameWorld } from '../base';
 export declare class GUISystem implements System {
-    defaultFont: string;
     configure(event_manager: EventManager<GameWorld>): void;
 }
 //# sourceMappingURL=GUISystem.d.ts.map

package/dist/gui/GUISystem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GUISystem.d.ts","sourceRoot":"","sources":["../../src/gui/GUISystem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,EAAE,MAAM,YAAY,CAAA;AAK7D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAenC,qBAAa,SAAU,YAAW,MAAM;IACtC,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,aAAa,EAAE,YAAY,CAAC,SAAS,CAAC;CAoGjD"}
+{"version":3,"file":"GUISystem.d.ts","sourceRoot":"","sources":["../../src/gui/GUISystem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,EAAE,MAAM,YAAY,CAAA;AAG7D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGnC,qBAAa,SAAU,YAAW,MAAM;IACtC,SAAS,CAAC,aAAa,EAAE,YAAY,CAAC,SAAS,CAAC;CAwCjD"}

package/dist/gui/GUISystem.js

@@ -1,49 +1,14 @@
-import { Button, CheckBox, Input, List, RadioGroup, ScrollBox } from '@pixi/ui';
+import { CheckBox, Input, List, RadioGroup, ScrollBox } from '@pixi/ui';
 import { EventTypes } from 'entityx-ts';
-import { callFunc, easeBackIn, scaleTo, sequence } from 'pixi-action-ease';
-import { Text } from 'pixi.js';
 import { Color4B, NodeComp } from '..';
-import { LoadingBarMode, ProgressTimer } from '../core/LoadingBar';
-import { ButtonComp, CheckBoxComp, InputComp, LabelComp, LabelOutlineComp, LabelShadowComp, ListComp, ProgressTimerComp, RadioGroupComp, ScrollView, } from './GUIComponent';
+import { CheckBoxComp, InputComp, ListComp, RadioGroupComp, ScrollView } from './GUIComponent';
 export class GUISystem {
     configure(event_manager) {
-        event_manager.subscribe(EventTypes.ComponentAdded, ButtonComp, ({ entity, component }) => {
-            const nodeComp = entity.getComponent(NodeComp);
-            const { zoomScale = 1.2 } = component.props;
-            const button = new Button(nodeComp.instance);
-            component.node = nodeComp;
-            const lastScaleX = nodeComp.scaleX;
-            const lastScaleY = nodeComp.scaleY;
-            button.onPress.connect(() => {
-                if (!component.enabled)
-                    return;
-                // console.log('onPress.connect')
-                const scale = scaleTo(0.3, zoomScale * lastScaleX, lastScaleY * zoomScale);
-                const scaleDown = scaleTo(0.3, lastScaleX, lastScaleY);
-                const seq = sequence(scale, callFunc(() => {
-                    if (Object.prototype.hasOwnProperty.call(component.props, 'onPress')) {
-                        component.props.onPress(component);
-                    }
-                }), scaleDown);
-                const ease = easeBackIn(seq);
-                component.node.runAction(ease);
-            });
-        });
         // event_manager.subscribe(EventTypes.ComponentAdded, ProgressBarComp, ({ entity, component }) => {
         //   const { progress = 1, bg, fill } = component.props
         //   const node = new ProgressBar({ bg, fill, progress })
         //   component.node = entity.assign(new NodeComp(node, entity))
         // })
-        event_manager.subscribe(EventTypes.ComponentAdded, ProgressTimerComp, ({ entity, component }) => {
-            // console.log(component, '.progress')
-            const { spriteFrame, fillCenter, fillRange = 0 } = component.props;
-            const node = new ProgressTimer(LoadingBarMode.BAR, spriteFrame);
-            if (fillCenter) {
-                node.fillCenter = fillCenter;
-            }
-            node.progress = fillRange * 100;
-            component.node = entity.assign(new NodeComp(node, entity));
-        });
         event_manager.subscribe(EventTypes.ComponentAdded, ScrollView, ({ entity, component }) => {
             const { width, height } = component.props;
             const view = new ScrollBox({ width, height });
@@ -72,32 +37,6 @@ export class GUISystem {
             const view = new Input({ bg, textStyle: { fontSize: size, fill: { color: Color4B(255, 255, 255, 255) } } });
             component.node = entity.assign(new NodeComp(view, entity));
         });
-        event_manager.subscribe(EventTypes.ComponentAdded, LabelComp, ({ entity, component }) => {
-            // console.log('ComponentAddedEvent LabelComp', component)
-            const node = new Text();
-            // node.texture.rotate = 8
-            node.style.fill = '#fff';
-            component.node = entity.assign(new NodeComp(node, entity));
-            const { string = '', font = this.defaultFont, size = 64 } = component.props;
-            if (font)
-                component.font = font;
-            component.size = size;
-            component.string = string;
-        });
-        event_manager.subscribe(EventTypes.ComponentAdded, LabelOutlineComp, ({ entity, component }) => {
-            const { color, width } = component.props;
-            const node = entity.getComponent(NodeComp);
-            if (node.instance instanceof Text) {
-                node.instance.style.stroke = { color, width };
-            }
-        });
-        event_manager.subscribe(EventTypes.ComponentAdded, LabelShadowComp, ({ entity, component }) => {
-            const { color, blur } = component.props;
-            const node = entity.getComponent(NodeComp);
-            if (node.instance instanceof Text) {
-                node.instance.style.dropShadow = { color, blur, alpha: 1, angle: 0, distance: 0 };
-            }
-        });
         // event_manager.subscribe(EventTypes.ComponentAdded, BlockInputEventsComp), this);
     }
 }

package/dist/gui/index.d.ts

@@ -0,0 +1,4 @@
+export * from './GUIComponent';
+export * from './GUISystem';
+export declare function setupGUI(): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/gui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/gui/index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAE3B,wBAAgB,QAAQ,SAIvB"}

package/dist/gui/index.js

@@ -0,0 +1,9 @@
+import { GameWorld } from '..';
+import { GUISystem } from './GUISystem';
+export * from './GUIComponent';
+export * from './GUISystem';
+export function setupGUI() {
+    const world = GameWorld.Instance;
+    world.systems.add(GUISystem);
+    world.systems.configureOnce(GUISystem);
+}

package/dist/index.d.ts

@@ -6,11 +6,9 @@ export * from './components/BaseComponent';
 export * from './components/NodeComp';
 export * from './components/Scene';
 export * from './core';
-export * from './gui/GUIComponent';
-export * from './gui/GUISystem';
+export * from './gui';
 export * from './helper/utils';
-export * from './norender/NoRenderComponent';
-export * from './norender/Touch';
+export * from './norender';
 export * from './render/RenderComponent';
 export * from './render/RenderSystem';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,8BAA8B,CAAA;AAC5C,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA"}

package/dist/index.js

@@ -6,10 +6,8 @@ export * from './components/BaseComponent';
 export * from './components/NodeComp';
 export * from './components/Scene';
 export * from './core';
-export * from './gui/GUIComponent';
-export * from './gui/GUISystem';
+export * from './gui';
 export * from './helper/utils';
-export * from './norender/NoRenderComponent';
-export * from './norender/Touch';
+export * from './norender';
 export * from './render/RenderComponent';
 export * from './render/RenderSystem';

package/dist/norender/NoRenderComponent.d.ts

@@ -1,3 +1,4 @@
+import { BaseComponentProps } from '..';
 import { NoRenderComponentX } from '../components/BaseComponent';
 import { NodeComp } from '../components/NodeComp';
 import { Touch } from './Touch';
@@ -7,7 +8,7 @@ export interface EventMap {
 }
 export type TouchEventCallback = (touch?: Touch, node?: NodeComp) => void;
 export declare class EventRegister extends NoRenderComponentX {
-    events: EventMap;
+    private events;
     on(name: string, callback: EventCallbackType, target?: any): void;
     off(name: string, callback?: EventCallbackType, target?: any): any;
     emit(name: string, ...params: any): void;
@@ -33,5 +34,14 @@ export declare class ExtraDataComp extends NoRenderComponentX<ExtraDataProps> {
     getData<T>(key: string): T;
     setData<T>(key: string, val: T): void;
 }
+interface ButtonCompProps extends BaseComponentProps<ButtonComp> {
+    normalImage?: string;
+    selectedImage?: string;
+    disableImage?: string;
+    zoomScale?: number;
+    onPress: (target: ButtonComp) => void;
+}
+export declare class ButtonComp extends NoRenderComponentX<ButtonCompProps> {
+}
 export {};
 //# sourceMappingURL=NoRenderComponent.d.ts.map

package/dist/norender/NoRenderComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoRenderComponent.d.ts","sourceRoot":"","sources":["../../src/norender/NoRenderComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,MAAM,iBAAiB,GAAG,CAAC,GAAG,IAAI,OAAA,KAAK,IAAI,CAAA;AACjD,MAAM,WAAW,QAAQ;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC,CAAA;CACnC;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAA;AAEzE,qBAAa,aAAc,SAAQ,kBAAkB;IACnD,MAAM,EAAE,QAAQ,CAAK;IAErB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,CAAC,EAAE,GAAG;IAS1D,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,iBAAiB,EAAE,MAAM,CAAC,EAAE,GAAG;IAK5D,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG;CAKlC;AAED,UAAU,eAAe;IACvB,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,aAAa,CAAC,EAAE,kBAAkB,CAAA;CACnC;AACD,qBAAa,kBAAmB,SAAQ,kBAAkB,CAAC,eAAe,CAAC;IACzE,QAAQ,EAAE,aAAa,CAAA;IACvB,KAAK,EAAE,KAAK,CAAA;CACb;AAED,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,GAAG,CAAA;CACX;AACD,qBAAa,aAAc,SAAQ,kBAAkB,CAAC,cAAc,CAAC;IACnE,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAK;IAEjC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;IAG1B,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;CAG/B"}
+{"version":3,"file":"NoRenderComponent.d.ts","sourceRoot":"","sources":["../../src/norender/NoRenderComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,MAAM,iBAAiB,GAAG,CAAC,GAAG,IAAI,OAAA,KAAK,IAAI,CAAA;AACjD,MAAM,WAAW,QAAQ;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC,CAAA;CACnC;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAA;AAEzE,qBAAa,aAAc,SAAQ,kBAAkB;IACnD,OAAO,CAAC,MAAM,CAAe;IAE7B,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,CAAC,EAAE,GAAG;IAS1D,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,iBAAiB,EAAE,MAAM,CAAC,EAAE,GAAG;IAK5D,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG;CAKlC;AAED,UAAU,eAAe;IACvB,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,aAAa,CAAC,EAAE,kBAAkB,CAAA;CACnC;AACD,qBAAa,kBAAmB,SAAQ,kBAAkB,CAAC,eAAe,CAAC;IACzE,QAAQ,EAAE,aAAa,CAAA;IACvB,KAAK,EAAE,KAAK,CAAA;CACb;AAED,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,GAAG,CAAA;CACX;AACD,qBAAa,aAAc,SAAQ,kBAAkB,CAAC,cAAc,CAAC;IACnE,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAK;IAEjC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;IAG1B,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;CAG/B;AAED,UAAU,eAAgB,SAAQ,kBAAkB,CAAC,UAAU,CAAC;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;CACtC;AACD,qBAAa,UAAW,SAAQ,kBAAkB,CAAC,eAAe,CAAC;CAAG"}

package/dist/norender/NoRenderComponent.js

@@ -36,3 +36,5 @@ export class ExtraDataComp extends NoRenderComponentX {
         this.data[key] = val;
     }
 }
+export class ButtonComp extends NoRenderComponentX {
+}

package/dist/norender/NoRenderSystem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoRenderSystem.d.ts","sourceRoot":"","sources":["../../src/norender/NoRenderSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,EAAE,MAAM,YAAY,CAAA;AAO7D,qBAAa,cAAe,YAAW,MAAM;IAC3C,SAAS,CAAC,aAAa,EAAE,YAAY;CAwDtC"}
+{"version":3,"file":"NoRenderSystem.d.ts","sourceRoot":"","sources":["../../src/norender/NoRenderSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,EAAE,MAAM,YAAY,CAAA;AAS7D,qBAAa,cAAe,YAAW,MAAM;IAC3C,SAAS,CAAC,aAAa,EAAE,YAAY;CAkFtC"}

package/dist/norender/NoRenderSystem.js

@@ -1,6 +1,8 @@
 import { EventTypes } from 'entityx-ts';
+import { Button } from '@pixi/ui';
+import { callFunc, easeBackIn, scaleTo, sequence } from 'pixi-action-ease';
 import { NodeComp } from '../components/NodeComp';
-import { ExtraDataComp, TouchEventRegister } from './NoRenderComponent';
+import { ButtonComp, ExtraDataComp, TouchEventRegister } from './NoRenderComponent';
 import { Touch } from './Touch';
 export class NoRenderSystem {
     configure(event_manager) {
@@ -15,43 +17,66 @@ export class NoRenderSystem {
             touchComp.node = nodeComp;
             const container = nodeComp.instance;
             container.eventMode = 'static';
+            container.interactive = true;
             if (touchComp.props.onTouchStart) {
-                container.on('touchstart', (event) => {
+                container.on('pointerdown', (event) => {
                     touchComp.props.onTouchStart(new Touch(event), nodeComp);
                 });
             }
             if (touchComp.props.onTouchMove) {
-                container.on('touchmove', (event) => {
+                container.on('pointermove', (event) => {
                     touchComp.props.onTouchMove(new Touch(event), nodeComp);
                 });
             }
             if (touchComp.props.onTouchEnd) {
-                container.on('touchend', (event) => {
+                container.on('pointerup', (event) => {
                     touchComp.props.onTouchEnd(new Touch(event), nodeComp);
                 });
             }
             if (touchComp.props.onTouchCancel) {
-                container.on('touchcancel', (event) => {
+                container.on('pointercancel', (event) => {
                     touchComp.props.onTouchCancel(new Touch(event), nodeComp);
                 });
             }
         });
         event_manager.subscribe(EventTypes.ComponentRemoved, TouchEventRegister, ({ component }) => {
-            console.log('ComponentRemovedEvent TouchEventRegister', component);
+            // console.log('ComponentRemovedEvent TouchEventRegister', component)
             const touchComp = component;
             const container = touchComp.node.instance;
             if (touchComp.props.onTouchStart) {
-                container.removeListener('touchstart');
+                container.removeListener('pointerdown');
             }
             if (touchComp.props.onTouchMove) {
-                container.removeListener('touchmove');
+                container.removeListener('pointermove');
             }
             if (touchComp.props.onTouchEnd) {
-                container.removeListener('touchend');
+                container.removeListener('pointerup');
             }
             if (touchComp.props.onTouchEnd) {
-                container.removeListener('touchcancel');
+                container.removeListener('pointercancel');
             }
         });
+        event_manager.subscribe(EventTypes.ComponentAdded, ButtonComp, ({ entity, component }) => {
+            const nodeComp = entity.getComponent(NodeComp);
+            const { zoomScale = 1.2 } = component.props;
+            const button = new Button(nodeComp.instance);
+            component.node = nodeComp;
+            const lastScaleX = nodeComp.scaleX;
+            const lastScaleY = nodeComp.scaleY;
+            button.onPress.connect(() => {
+                if (!component.enabled)
+                    return;
+                // console.log('onPress.connect')
+                const scale = scaleTo(0.3, zoomScale * lastScaleX, lastScaleY * zoomScale);
+                const scaleDown = scaleTo(0.3, lastScaleX, lastScaleY);
+                const seq = sequence(scale, callFunc(() => {
+                    if (Object.prototype.hasOwnProperty.call(component.props, 'onPress')) {
+                        component.props.onPress(component);
+                    }
+                }), scaleDown);
+                const ease = easeBackIn(seq);
+                component.node.runAction(ease);
+            });
+        });
     }
 }

package/dist/norender/index.d.ts

@@ -0,0 +1,3 @@
+export * from './NoRenderComponent';
+export * from './Touch';
+//# sourceMappingURL=index.d.ts.map

package/dist/norender/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/norender/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA"}

package/dist/norender/index.js

@@ -0,0 +1,2 @@
+export * from './NoRenderComponent';
+export * from './Touch';

package/dist/render/RenderComponent.d.ts

@@ -1,7 +1,7 @@
-import { Graphics, Sprite } from 'pixi.js';
+import { Graphics, Point, Sprite, Text } from 'pixi.js';
 import { BaseComponentProps, Color4B, Vec2 } from '..';
 import { ComponentX } from '../components/BaseComponent';
-import { LoadingBarMode } from '../core/LoadingBar';
+import { LoadingBarMode, ProgressTimer } from '../core/LoadingBar';
 import { SpriteTypes } from './RenderSystem';
 export declare class NodeRender extends ComponentX {
     nodeName?: string;
@@ -38,5 +38,32 @@ interface MaskRenderProps extends BaseComponentProps<MaskRender> {
 }
 export declare class MaskRender extends ComponentX<MaskRenderProps> {
 }
+interface LabelCompProps extends BaseComponentProps<LabelComp> {
+    font?: string;
+    string?: string;
+    size?: number;
+    outline?: [Color4B, number];
+    shadow?: [Color4B, number];
+}
+export declare class LabelComp extends ComponentX<LabelCompProps, Text> {
+    get string(): string;
+    set string(val: string);
+    get size(): number;
+    set size(val: number);
+    get font(): string;
+    set font(val: string);
+}
+interface ProgressTimerProps extends BaseComponentProps<ProgressTimerComp> {
+    spriteFrame: string;
+    fillType?: number;
+    fillRange?: number;
+    fillCenter?: Point;
+    isReverse?: boolean;
+}
+export declare class ProgressTimerComp extends ComponentX<ProgressTimerProps, ProgressTimer> {
+    getFillRange(): number;
+    setFillStart(val: number): void;
+    setFillRange(val: number): void;
+}
 export {};
 //# sourceMappingURL=RenderComponent.d.ts.map

package/dist/render/RenderComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderComponent.d.ts","sourceRoot":"","sources":["../../src/render/RenderComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAW,MAAM,SAAS,CAAA;AAEnD,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,qBAAa,UAAW,SAAQ,UAAU;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,UAAU,iBAAkB,SAAQ,kBAAkB,CAAC,YAAY,CAAC;IAClE,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,QAAQ,CAAC,EAAE,cAAc,CAAA;CAI1B;AAED,qBAAa,YAAa,SAAQ,UAAU,CAAC,iBAAiB,EAAE,MAAM,CAAC;IAcrE,IAAI,WAAW,WAEd;IAED,IAAI,WAAW,CAAC,KAAK,QAAA,EAkBpB;CACF;AACD,UAAU,mBAAoB,SAAQ,kBAAkB,CAAC,cAAc,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AACD,qBAAa,cAAe,SAAQ,UAAU,CAAC,mBAAmB,EAAE,QAAQ,CAAC;IAK3E,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO;IAOzD,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO;IAO9D,UAAU,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO;IAKvD,eAAe,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO;IAS5D,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO;IAIxC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO;IAK7C,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO;IAWpE,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO;IAIzD,KAAK;CAGN;AAED,UAAU,eAAgB,SAAQ,kBAAkB,CAAC,UAAU,CAAC;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AACD,qBAAa,UAAW,SAAQ,UAAU,CAAC,eAAe,CAAC;CAAG"}
+{"version":3,"file":"RenderComponent.d.ts","sourceRoot":"","sources":["../../src/render/RenderComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAW,MAAM,SAAS,CAAA;AAExE,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,qBAAa,UAAW,SAAQ,UAAU;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,UAAU,iBAAkB,SAAQ,kBAAkB,CAAC,YAAY,CAAC;IAClE,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,QAAQ,CAAC,EAAE,cAAc,CAAA;CAI1B;AAED,qBAAa,YAAa,SAAQ,UAAU,CAAC,iBAAiB,EAAE,MAAM,CAAC;IAcrE,IAAI,WAAW,WAEd;IAED,IAAI,WAAW,CAAC,KAAK,QAAA,EAkBpB;CACF;AACD,UAAU,mBAAoB,SAAQ,kBAAkB,CAAC,cAAc,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AACD,qBAAa,cAAe,SAAQ,UAAU,CAAC,mBAAmB,EAAE,QAAQ,CAAC;IAK3E,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO;IAOzD,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO;IAO9D,UAAU,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO;IAKvD,eAAe,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO;IAS5D,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO;IAIxC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO;IAK7C,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO;IAWpE,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO;IAIzD,KAAK;CAGN;AAED,UAAU,eAAgB,SAAQ,kBAAkB,CAAC,UAAU,CAAC;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AACD,qBAAa,UAAW,SAAQ,UAAU,CAAC,eAAe,CAAC;CAAG;AAE9D,UAAU,cAAe,SAAQ,kBAAkB,CAAC,SAAS,CAAC;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC3B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;CAC3B;AACD,qBAAa,SAAU,SAAQ,UAAU,CAAC,cAAc,EAAE,IAAI,CAAC;IAC7D,IAAI,MAAM,IAIM,MAAM,CAFrB;IAED,IAAI,MAAM,CAAC,GAAG,EAAE,MAAM,EAMrB;IAED,IAAI,IAAI,WAEP;IACD,IAAI,IAAI,CAAC,GAAG,QAAA,EAMX;IAED,IAAI,IAAI,IAIM,MAAM,CAFnB;IAED,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,EAOnB;CACF;AACD,UAAU,kBAAmB,SAAQ,kBAAkB,CAAC,iBAAiB,CAAC;IACxE,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AACD,qBAAa,iBAAkB,SAAQ,UAAU,CAAC,kBAAkB,EAAE,aAAa,CAAC;IAClF,YAAY;IAIZ,YAAY,CAAC,GAAG,EAAE,MAAM;IAIxB,YAAY,CAAC,GAAG,EAAE,MAAM;CAIzB"}

package/dist/render/RenderComponent.js

@@ -1,4 +1,4 @@
-import { Texture } from 'pixi.js';
+import { Assets, Text, Texture } from 'pixi.js';
 import { ComponentX } from '../components/BaseComponent';
 export class NodeRender extends ComponentX {
 }
@@ -101,3 +101,52 @@ export class GraphicsRender extends ComponentX {
 }
 export class MaskRender extends ComponentX {
 }
+export class LabelComp extends ComponentX {
+    get string() {
+        return this.props.string;
+    }
+    set string(val) {
+        this.props.string = val;
+        if (!this.node)
+            return;
+        if (this.node.instance instanceof Text) {
+            this.node.instance.text = val;
+        }
+    }
+    get size() {
+        return this.props.size;
+    }
+    set size(val) {
+        this.props.size = val;
+        if (!this.node)
+            return;
+        if (this.node.instance instanceof Text) {
+            this.node.instance.style.fontSize = val;
+        }
+    }
+    get font() {
+        return this.props.font;
+    }
+    set font(val) {
+        this.props.font = val;
+        if (!this.node)
+            return;
+        // console.log('set font', val, Assets.get(val))
+        if (this.node.instance instanceof Text) {
+            if (Assets.get(val))
+                this.node.instance.style.fontFamily = Assets.get(val).family;
+        }
+    }
+}
+export class ProgressTimerComp extends ComponentX {
+    getFillRange() {
+        return this.node.instance.progress;
+    }
+    setFillStart(val) {
+        this.node.instance.fillCenter.x = val;
+    }
+    setFillRange(val) {
+        // console.log('setFillRange', this.node.instance);
+        this.node.instance.progress = val;
+    }
+}

package/dist/render/RenderSystem.d.ts

@@ -8,6 +8,7 @@ export declare enum SpriteTypes {
     ANIMATION = 5
 }
 export declare class RenderSystem implements System {
+    defaultFont: string;
     configure(event_manager: EventManager): void;
 }
 //# sourceMappingURL=RenderSystem.d.ts.map

package/dist/render/RenderSystem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderSystem.d.ts","sourceRoot":"","sources":["../../src/render/RenderSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,EAAE,MAAM,YAAY,CAAA;AAM7D,oBAAY,WAAW;IACrB,MAAM,IAAA;IACN,MAAM,IAAA;IACN,KAAK,IAAA;IACL,MAAM,IAAA;IACN,IAAI,IAAA;IACJ,SAAS,IAAA;CACV;AAED,qBAAa,YAAa,YAAW,MAAM;IACzC,SAAS,CAAC,aAAa,EAAE,YAAY;CA+CtC"}
+{"version":3,"file":"RenderSystem.d.ts","sourceRoot":"","sources":["../../src/render/RenderSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,EAAE,MAAM,YAAY,CAAA;AAO7D,oBAAY,WAAW;IACrB,MAAM,IAAA;IACN,MAAM,IAAA;IACN,KAAK,IAAA;IACL,MAAM,IAAA;IACN,IAAI,IAAA;IACJ,SAAS,IAAA;CACV;AAED,qBAAa,YAAa,YAAW,MAAM;IACzC,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,aAAa,EAAE,YAAY;CA4EtC"}

package/dist/render/RenderSystem.js

@@ -1,7 +1,8 @@
 import { EventTypes } from 'entityx-ts';
-import { Container, Graphics, Sprite } from 'pixi.js';
+import { Container, Graphics, Sprite, Text } from 'pixi.js';
 import { NodeComp } from '..';
-import { GraphicsRender, MaskRender, NodeRender, SpriteRender } from './RenderComponent';
+import { LoadingBarMode, ProgressTimer } from '../core/LoadingBar';
+import { GraphicsRender, LabelComp, MaskRender, NodeRender, ProgressTimerComp, SpriteRender } from './RenderComponent';
 export var SpriteTypes;
 (function (SpriteTypes) {
     SpriteTypes[SpriteTypes["SIMPLE"] = 0] = "SIMPLE";
@@ -49,6 +50,36 @@ export class RenderSystem {
             const node = new Graphics();
             component.node = entity.assign(new NodeComp(node, entity));
         });
+        event_manager.subscribe(EventTypes.ComponentAdded, ProgressTimerComp, ({ entity, component }) => {
+            // console.log(component, '.progress')
+            const { spriteFrame, fillCenter, fillRange = 0 } = component.props;
+            const node = new ProgressTimer(LoadingBarMode.BAR, spriteFrame);
+            if (fillCenter) {
+                node.fillCenter = fillCenter;
+            }
+            node.progress = fillRange * 100;
+            component.node = entity.assign(new NodeComp(node, entity));
+        });
+        event_manager.subscribe(EventTypes.ComponentAdded, LabelComp, ({ entity, component }) => {
+            // console.log('ComponentAddedEvent LabelComp', component)
+            const node = new Text();
+            // node.texture.rotate = 8
+            node.style.fill = '#fff';
+            component.node = entity.assign(new NodeComp(node, entity));
+            const { string = '', font = this.defaultFont, size = 64, outline, shadow } = component.props;
+            if (font)
+                component.font = font;
+            component.size = size;
+            component.string = string;
+            if (outline) {
+                const [color, width] = outline;
+                node.style.stroke = { color, width };
+            }
+            if (shadow) {
+                const [color, blur] = shadow;
+                node.style.dropShadow = { color, blur, alpha: 1, angle: 0, distance: 0 };
+            }
+        });
         event_manager.subscribe(EventTypes.ComponentRemoved, NodeComp, ({ component }) => {
             if (component) {
                 component.instance.removeFromParent();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@safe-engine/pixi",
-  "version": "8.5.5",
+  "version": "8.6.3",
   "description": "safex pixi plugin",
   "type": "module",
   "main": "dist/index.js",
@@ -17,17 +17,17 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@esotericsoftware/spine-core": "^4.2.87",
-    "@pixi/ui": "^2.2.4",
+    "@esotericsoftware/spine-core": "^4.2.88",
+    "@pixi/ui": "^2.2.7",
     "box2d-wasm": "^7.0.0",
     "dragonbones-pixijs": "^1.0.5",
     "entityx-ts": "^2.2.1",
-    "pixi-action-ease": "^3.2.3",
+    "pixi-action-ease": "^3.2.5",
     "pixi-tagged-text-plus": "0.0.1-next.2",
     "pixi.js": "8.11.0",
     "planck": "^1.4.2"
   },
   "devDependencies": {
-    "typescript": "^5.8.3"
+    "typescript": "^5.9.2"
   }
 }