@safe-engine/pixi 7.0.3 → 8.0.4

package/dist/gworld.js

@@ -1,43 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GameWorld = void 0;
-var entityx_ts_1 = require("entityx-ts");
-var GameWorld = /** @class */ (function (_super) {
-    __extends(GameWorld, _super);
-    function GameWorld() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.listUpdate = [];
-        return _this;
-    }
-    GameWorld.prototype.update = function (dt) {
-        var _this = this;
-        this.listUpdate.forEach(function (system) {
-            _this.systems.update(system, dt);
-        });
-    };
-    Object.defineProperty(GameWorld, "Instance", {
-        get: function () {
-            // Do you need arguments? Make it a regular static method instead.
-            return this._instance || (this._instance = new this());
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return GameWorld;
-}(entityx_ts_1.World));
-exports.GameWorld = GameWorld;

package/dist/helper/utils.d.ts

@@ -1,11 +0,0 @@
-import { ComponentX } from '@safe-engine/core';
-import { Constructor, EntityManager, EventManager, EventReceive } from 'entityx-ts';
-export declare function registerSystem<T extends ComponentX>(component: Constructor<T>): {
-    new (): {
-        configure(event_manager: EventManager): void;
-        receiveComponentAddedEvent(event: EventReceive<T>): void;
-        update(entities: EntityManager, events: EventManager, dt: number): void;
-    };
-};
-export declare function instantiate<T>(ComponentType: Constructor<T>, data?: any): T;
-//# sourceMappingURL=utils.d.ts.map

package/dist/helper/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/helper/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,mBAAmB,CAAA;AACzD,OAAO,EACL,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAGvD,MAAM,YAAY,CAAA;AAInB,wBAAgB,cAAc,CAAC,CAAC,SAAS,UAAU,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;;iCAKjD,YAAY;0CAKH,YAAY,CAAC,CAAC,CAAC;yBAMhC,aAAa,UAAU,YAAY,MAAM,MAAM;;EAenE;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,CAE3E"}

package/dist/helper/utils.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.registerSystem = registerSystem;
-exports.instantiate = instantiate;
-const core_1 = require("@safe-engine/core");
-const entityx_ts_1 = require("entityx-ts");
-const __1 = require("..");
-function registerSystem(component) {
-    if (core_1.GameWorld.Instance.systems.isRegistered(`${component.name}System`)) {
-        return;
-    }
-    class NewSystem {
-        configure(event_manager) {
-            console.log('configure registerSystem', component.name);
-            event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, component, this.receiveComponentAddedEvent.bind(this));
-        }
-        receiveComponentAddedEvent(event) {
-            const ett = event.entity;
-            const newComp = ett.getComponent(component);
-            newComp.node = ett.getComponent(__1.NodeComp);
-        }
-        update(entities, events, dt) {
-            for (const entt of entities.entities_with_components(component)) {
-                const comp = entt.getComponent(component);
-                // console.log('comp', comp.constructor.name, typeof comp['update'] === 'function')
-                if (comp.node.active && typeof comp['update'] === 'function') {
-                    comp['update'](dt);
-                }
-            }
-        }
-    }
-    Object.defineProperty(NewSystem, 'name', { value: `${component.name}System` });
-    core_1.GameWorld.Instance.systems.add(NewSystem);
-    core_1.GameWorld.Instance.systems.configureOnce(NewSystem);
-    core_1.GameWorld.Instance.listUpdate.push(NewSystem);
-    return NewSystem;
-}
-function instantiate(ComponentType, data) {
-    return ComponentType.create(data);
-}

package/src/app.ts

@@ -1,53 +0,0 @@
-import { GameWorld } from '@safe-engine/core'
-import { Constructor, System } from 'entityx-ts'
-import { Application } from 'pixi.js'
-import { actionManager } from 'pixi-action-ease'
-
-import { NodeComp } from './components/NodeComp'
-
-export const app = new Application({
-  width: 1080,
-  height: 1920,
-  antialias: true,
-  resolution: window.devicePixelRatio,
-})
-
-export function setupResolution(designedResolution = { width: 720, height: 1280 }) {
-  const { width, height } = designedResolution
-  app.renderer.resize(width, height)
-}
-
-export async function addGameCanvasTo(id = 'game') {
-  Object.assign(app.view.style, {
-    width: `${window.innerWidth}px`,
-    // height: `${window.innerHeight}px`,
-    overflow: 'hidden',
-  })
-
-  const gameDiv = document.getElementById(id)
-  gameDiv.appendChild(app.view as never)
-  GameWorld.Instance.setup(NodeComp, app.stage)
-}
-
-function startGameLoop(world: GameWorld) {
-  // Listen for frame updates
-  app.ticker.add(() => {
-    const dt = app.ticker.deltaMS * 0.001
-    actionManager.update(dt)
-    world.update(dt)
-  })
-  // app.ticker.speed = 0.5
-}
-
-export function startGameWithSystems(systemsList: Constructor<System>[]) {
-  const world = GameWorld.Instance
-  systemsList.forEach(system => {
-    world.systems.add(system)
-    const sys = world.systemsMap[system.name]
-    if (sys.update) {
-      world.listUpdate.push(system)
-    }
-  })
-  world.systems.configure()
-  startGameLoop(world)
-}

package/src/components/GUIComponent.ts

@@ -1,141 +0,0 @@
-import { ComponentX, NoRenderComponentX } from '@safe-engine/core'
-import { Assets, Container, Point, Text } from 'pixi.js'
-
-import { Color4B } from '../core/Color'
-import { LoadingBar, LoadingBarMode, ProgressTimer } from '../core/LoadingBar'
-import { NodeComp } from './NodeComp'
-
-// const _htmlTextParser = new HtmlTextParser()
-export const FillType = {
-  HORIZONTAL: 0,
-  VERTICAL: 1,
-  RADIAL: 2,
-}
-type Keys = keyof typeof FillType
-type Values = (typeof FillType)[Keys]
-
-export class ButtonComp extends NoRenderComponentX<NodeComp> {
-  normalImage: string
-  selectedImage: string
-  disableImage: string
-  zoomScale: number
-  onPress: (target: ButtonComp) => void
-
-  setOnPress(cb: (target: ButtonComp) => void) {
-    this.onPress = cb
-  }
-
-  set enabled(val) {
-    this.node.instance.interactive = val
-  }
-}
-
-export class ProgressBarComp extends NoRenderComponentX<NodeComp<LoadingBar>> {
-  mode = LoadingBarMode.BAR
-  private _progress: number
-  isReverse: boolean
-
-  get progress() {
-    return this._progress
-  }
-
-  set progress(val: number) {
-    this._progress = val
-    this.node.instance.progress = val
-  }
-}
-
-export class LabelComp extends ComponentX<NodeComp<Text>> {
-  font: string
-  string: string
-  size = 64
-
-  getString() {
-    if (this.node.instance instanceof Text) {
-      return this.node.instance.text
-    }
-  }
-
-  setString(val: string) {
-    if (this.node.instance instanceof Text) {
-      this.node.instance.text = val
-    }
-  }
-
-  getSize() {
-    if (this.node.instance instanceof Text) {
-      return this.node.instance.style.fontSize
-    }
-  }
-  setSize(val) {
-    if (this.node.instance instanceof Text) {
-      this.node.instance.style.fontSize = val
-    }
-  }
-
-  getFont() {
-    if (this.node.instance instanceof Text) {
-      return this.node.instance.style.fontFamily as string
-    }
-  }
-
-  setFont(val: string) {
-    // 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 ComponentX<NodeComp<Container>> {
-  width: number
-  height: number
-}
-
-export class BlockInputEventsComp extends NoRenderComponentX<NodeComp<Container>> { }
-
-export class ProgressTimerComp extends ComponentX<NodeComp<ProgressTimer>> {
-  spriteFrame: string
-  fillType: Values
-  fillRange: number
-  fillCenter: Point
-  isReverse: boolean
-
-  getFillRange() {
-    return this.node.instance.progress
-  }
-
-  setFillStart(val: number) {
-    this.node.instance.fillCenter.x = val
-  }
-
-  setFillRange(val: number) {
-    // console.log('setFillRange', this.node.instance);
-    this.node.instance.progress = val
-  }
-}
-
-export class RichTextComp extends ComponentX<NodeComp<Text>> {
-  protected font: string
-  protected string: string
-  protected size: number
-
-  getString() {
-    return this.string
-  }
-
-  setString(val: string) {
-    this.string = val
-  }
-}
-
-export class LabelOutlineComp extends NoRenderComponentX<NodeComp> {
-  color: typeof Color4B
-  width: number
-}
-
-export class LabelShadowComp extends NoRenderComponentX<NodeComp> {
-  color: typeof Color4B
-  blur: number
-  offset: Point
-}

package/src/components/NodeComp.ts

@@ -1,416 +0,0 @@
-import { BaseNode, ComponentType, EnhancedComponent } from '@safe-engine/core'
-import { Constructor, Entity } from 'entityx-ts'
-import remove from 'lodash/remove'
-import { Color, ColorSource, Container, Point, Sprite } from 'pixi.js'
-import { Action, actionManager, Animation } from 'pixi-action-ease'
-
-import { Size } from '../core/Size'
-import { ProgressBarComp } from './GUIComponent'
-
-export type EventCallbackType = (...args) => void
-export interface EventMap {
-  [key: string]: [EventCallbackType]
-}
-
-type TouchEVentCallback = (target: { location: Point }) => void
-
-export class NodeComp<C extends Container = Container> implements BaseNode<C> {
-  entity: Entity
-  instance: C
-  events: EventMap = {}
-  data: { [key: string]: any } = {}
-  parent: NodeComp
-  children: NodeComp[] = []
-  actionsList: Animation[] = []
-  // offset: cc.Point = cc.v2(0, 0);
-  name: string
-  private lastMove: { x: number; y: number }
-  private _group = 0
-
-  onTouchStart?: TouchEVentCallback
-  onTouchMove?: TouchEVentCallback
-  onTouchEnd?: TouchEVentCallback
-  onTouchCancel?: TouchEVentCallback
-
-  setOnTouchStart(cb: TouchEVentCallback) {
-    this.onTouchStart = cb
-    this.instance.on('touchstart', (event) => {
-      const { global } = event
-      this.onTouchStart({ location: global })
-    })
-  }
-
-  setOnTouchMove(cb: TouchEVentCallback) {
-    this.onTouchMove = cb
-    this.instance.on('touchmove', (event) => {
-      const { global } = event
-      this.onTouchMove({ location: global })
-    })
-  }
-
-  setOnTouchEnd(cb: TouchEVentCallback) {
-    this.onTouchEnd = cb
-    this.instance.on('touchend', (event) => {
-      const { global } = event
-      this.onTouchEnd({ location: global })
-    })
-  }
-
-  setOnTouchCancel(cb: TouchEVentCallback) {
-    this.onTouchCancel = cb
-    this.instance.on('touchcancel', (event) => {
-      const { global } = event
-      this.onTouchCancel({ location: global })
-    })
-  }
-
-  constructor(instance: C, entity: Entity) {
-    this.entity = entity
-    this.instance = instance
-    this.instance.eventMode = 'static'
-  }
-
-  get uuid() {
-    return this.entity.id
-  }
-
-  get position(): Point {
-    return this.getPosition()
-  }
-
-  set position(val: Point) {
-    this.setPosition(val.x, val.y)
-  }
-
-  get x() {
-    return this.instance.x
-  }
-
-  set x(val: number) {
-    this.instance.x = val
-  }
-
-  get y() {
-    return this.instance.y
-  }
-
-  set y(val: number) {
-    this.instance.y = val
-  }
-
-  // get scale() {
-  //   return this.instance.scale
-  // }
-
-  set scale(val: number) {
-    this.instance.scale = new Point(val, val)
-  }
-
-  get scaleX() {
-    return this.instance.scale.x
-  }
-
-  set scaleX(val: number) {
-    this.instance.scale.x = val
-  }
-
-  get scaleY() {
-    return this.instance.y
-  }
-
-  set scaleY(val: number) {
-    this.instance.y = val
-  }
-
-  get anchorX() {
-    if (this.instance instanceof Sprite)
-      return (this.instance as Sprite).anchor.x
-    return 0
-  }
-
-  set anchorX(val: number) {
-    if (this.instance instanceof Sprite) this.instance.anchor.x = val
-  }
-
-  get anchorY() {
-    if (this.instance instanceof Sprite)
-      return (this.instance as Sprite).anchor.y
-    return 0
-  } ß
-
-  set anchorY(val: number) {
-    if (this.instance instanceof Sprite) this.instance.anchor.y = val
-  }
-
-  /** rotation is in radians */
-  get rotation() {
-    return this.instance.rotation
-  }
-  /** rotation is in radians */
-  set rotation(val: number) {
-    this.instance.rotation = val
-  }
-
-  /** angle is in degrees. */
-  get angle() {
-    return this.instance.angle
-  }
-  /** angle is in degrees. */
-  set angle(val: number) {
-    this.instance.angle = val
-  }
-
-  get color() {
-    if (this.instance instanceof Sprite)
-      return (this.instance as Sprite).tint
-    return 0xffffff
-  }
-
-  set color(val: ColorSource) {
-    if (this.instance instanceof Sprite) this.instance.tint = val
-  }
-
-  get opacity() {
-    return this.instance.alpha
-  }
-
-  set opacity(val: number) {
-    this.instance.alpha = val
-  }
-
-  get active() {
-    return this.instance.visible && !this.instance.destroyed
-  }
-
-  set active(val: boolean) {
-    this.instance.visible = val
-  }
-
-  get group() {
-    return this._group
-  }
-
-  set group(val: number) {
-    this._group = val
-  }
-
-  get width() {
-    return this.instance.width
-  }
-
-  set width(val) {
-    this.instance.width = val
-  }
-
-  get height() {
-    return this.instance.height
-  }
-
-  set height(val) {
-    this.instance.height = val
-  }
-
-  get zIndex() {
-    return this.instance.zIndex
-  }
-
-  set zIndex(val) {
-    this.instance.zIndex = val
-  }
-
-  get childrenCount() {
-    return this.children.length
-  }
-
-  addComponent<T extends ComponentType>(instance): T {
-    return this.entity.assign(instance)
-  }
-
-  getComponent<T extends ComponentType>(component: Constructor<T>): T {
-    return this.entity.getComponent(component)
-  }
-
-  getComponentsInChildren<T extends ComponentType>(component: Constructor<T>): T[] {
-    if (!this.children.length) {
-      return []
-    }
-    const listHave = this.children.filter((child) => {
-      return child.getComponent(component)
-    })
-    return listHave.map((node) => node.getComponent(component))
-  }
-
-  getComponentInChildren<T extends ComponentType>(component: Constructor<T>): T {
-    return this.getComponentsInChildren(component)[0]
-  }
-
-  convertToNodeSpace(point: Point) {
-    return this.instance.toLocal(point)
-  }
-
-  convertToNodeSpaceAR(point: Point) {
-    return this.instance.toLocal(point)
-  }
-
-  convertToWorldSpaceAR(point: Point) {
-    return this.instance.toGlobal(point)
-  }
-
-  getPosition(): Point {
-    return this.instance.position
-  }
-
-  setPosition(x: number | Point, y?: number) {
-    if (typeof x !== 'number') {
-      this.x = x.x
-      this.y = x.y
-    } else {
-      this.x = x
-      this.y = y
-    }
-  }
-
-  setRotation(deg: number) {
-    this.instance.rotation = deg
-  }
-
-  getRotation() {
-    return this.instance.rotation
-  }
-
-  // setAnchorPoint(point: number | cc.Point, y?: number) {
-  //   this.instance.setAnchorPoint(point, y)
-  // }
-
-  // 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
-  // }
-
-  getContentSize(): Size {
-    return this.instance.getBounds()
-  }
-
-  // setContentSize(size: cc.Size | number, height?: number) {
-  //   this.instance.setContentSize(size, height)
-  //   if (this.instance instanceof cc.ClippingNode) {
-  //     const hw = ((size as any).width || size) * 0.5
-  //     const hh = ((size as any).height || height) * 0.5
-  //     const stencil = new cc.DrawNode()
-  //     const rectangle = [cc.p(-hw, -hh), cc.p(hw, -hh), cc.p(hw, hh), cc.p(-hw, hh)]
-  //     stencil.drawPoly(rectangle, cc.Color.WHITE, 0, cc.Color.WHITE)
-  //     // stencil.drawDot(cc.p(-height * 0.5, -height * 0.5), height, cc.Color.WHITE);
-  //     this.instance.stencil = stencil
-  //   }
-  // }
-
-  setColor(color: Color) {
-    if (this.instance instanceof Sprite)
-      (this.instance as Sprite).tint = color
-  }
-
-  setScale(scaleX: number, scaleY?: number) {
-    this.instance.scale.x = scaleX
-    this.instance.scale.x = scaleY || scaleX
-  }
-
-  runAction(act: Action) {
-    const animation = actionManager.runAction(this.instance as any, act)
-    this.actionsList.push(animation)
-  }
-
-  stopAllActions() {
-    this.actionsList.forEach((act) => {
-      actionManager.cancelAction(act)
-    })
-    this.actionsList = []
-  }
-
-  pauseAllActions() {
-    this.actionsList.forEach((anim: Animation) => {
-      anim.isPause = true
-    })
-  }
-
-  resumeAllActions() {
-    this.actionsList.forEach((anim: Animation) => {
-      anim.isPause = false
-    })
-  }
-
-  destroy() {
-    if (this.parent) {
-      remove(this.parent.children, ({ entity }) => entity.id === this.entity.id)
-    }
-    this.children.forEach((child) => {
-      child.destroy()
-    })
-    this.parent = null
-    this.entity.destroy()
-    this.stopAllActions()
-    this.instance.destroy()
-  }
-
-  removeFromParent() {
-    this.active = false
-    this.stopAllActions()
-    this.instance.removeFromParent()
-  }
-
-  addChild(child: NodeComp, zOrder?: number) {
-    child.parent = this
-    child.active = true
-    this.children.push(child)
-    this.instance.addChild(child.instance)
-    if (zOrder) child.zIndex = zOrder
-  }
-
-  destroyAllChildren() {
-    this.children.forEach((child) => {
-      child.destroy()
-    })
-  }
-
-  on(name: string, callback: EventCallbackType, target?: any) {
-    const bound = target ? callback.bind(target) : callback
-    if (this.events[name]) {
-      this.events[name].push(bound)
-    } else {
-      this.events[name] = [bound]
-    }
-  }
-
-  off(name: string) {
-    this.events[name] = undefined
-  }
-
-  emit(name: string, ...params: any) {
-    if (this.events[name]) {
-      this.events[name].forEach((fc) => fc(...params))
-    }
-  }
-
-  resolveComponent(component: EnhancedComponent<NodeComp>) {
-    if ((component.constructor as any).hasRender) {
-      this.addChild(component.node)
-    } else {
-      this.addComponent(component)
-      if (component instanceof ProgressBarComp) {
-        this.addChild(component.node)
-      }
-    }
-  }
-  getData<T>(key: string): T {
-    return this.data[key]
-  }
-  setData<T>(key: string, val: T) {
-    this.data[key] = val
-  }
-}