pixi-rainman-game-engine 0.0.1 → 0.0.2

package/dist/buttons/BaseButton/BaseButton.d.ts

@@ -0,0 +1,35 @@
+import { Sprite, Texture } from "pixi.js";
+import { ButtonStates } from "./ButtonState";
+import { TextureMap } from "./types";
+/**
+ * Class for basic button with states and textures
+ *
+ * @export
+ * @class BaseButton
+ * @typedef {BaseButton}
+ * @extends {Sprite}
+ */
+export declare class BaseButton extends Sprite {
+    static registryName: string;
+    protected textures: TextureMap;
+    private stateful;
+    private isActive;
+    private isOver;
+    private isDisabled;
+    private _onClick;
+    private _customClickHandler;
+    constructor(name: string, texture: Texture, stateful?: boolean);
+    get active(): boolean;
+    forceTextureUpdate(): void;
+    setOnClick(callback: () => void): void;
+    activate(flag: boolean): void;
+    flipDisabledFlag(makeDisabled: boolean): void;
+    protected switchTexture(state: ButtonStates): void;
+    protected setTextureForState(state: ButtonStates, texture: Texture): void;
+    get disabled(): boolean;
+    get onClick(): typeof this._onClick;
+    private _manageStateUp;
+    private _manageStateOver;
+    private _manageStateDown;
+    private _manageStateOut;
+}

package/dist/buttons/BaseButton/BaseButton.js

@@ -0,0 +1,131 @@
+import { Sprite } from "pixi.js";
+import { TINT_DISABLED, TINT_ENABLED } from "../../constants";
+import { ButtonStates } from "./ButtonState";
+/**
+ * Class for basic button with states and textures
+ *
+ * @export
+ * @class BaseButton
+ * @typedef {BaseButton}
+ * @extends {Sprite}
+ */
+export class BaseButton extends Sprite {
+    static registryName;
+    textures = new Map();
+    stateful = false;
+    isActive = false;
+    isOver = false;
+    isDisabled = false;
+    _onClick = () => {
+        if (this.isDisabled) {
+            return;
+        }
+        if (this.stateful) {
+            this.isActive = !this.isActive;
+        }
+        this._customClickHandler();
+        this._manageStateOver();
+    };
+    _customClickHandler = () => { };
+    constructor(name, texture, stateful = false) {
+        super(texture);
+        this.stateful = stateful;
+        this.x = 0;
+        this.y = 0;
+        this.name = name;
+        this.interactive = true;
+        this.isActive = false;
+    }
+    get active() {
+        return this.isActive;
+    }
+    forceTextureUpdate() {
+        this.isOver = false;
+        if (this.isActive) {
+            this.switchTexture(ButtonStates.ACTIVE);
+        }
+        if (!this.isActive) {
+            this.switchTexture(ButtonStates.NORMAL);
+        }
+    }
+    setOnClick(callback) {
+        this.removeAllListeners();
+        this._customClickHandler = callback;
+        this
+            // set the mousedown and touchstart callback...
+            .on("click", this._onClick)
+            .on("mouseup", this._manageStateUp)
+            .on("mousedown", this._manageStateDown)
+            .on("mouseover", this._manageStateOver)
+            .on("mouseout", this._manageStateOut)
+            .on("tap", this._onClick)
+            .on("touchend", this._manageStateUp)
+            .on("pointercancel", this._manageStateUp)
+            .on("touchcancel", this._manageStateUp);
+    }
+    activate(flag) {
+        this.isActive = flag;
+        this.forceTextureUpdate();
+    }
+    flipDisabledFlag(makeDisabled) {
+        this.isDisabled = makeDisabled;
+        this.interactive = !makeDisabled;
+        this.tint = makeDisabled ? TINT_DISABLED : TINT_ENABLED;
+    }
+    switchTexture(state) {
+        if (this.textures.has(state)) {
+            this.texture = this.textures.get(state);
+        }
+    }
+    setTextureForState(state, texture) {
+        this.textures.set(state, texture);
+    }
+    get disabled() {
+        return this.isDisabled;
+    }
+    get onClick() {
+        return this._onClick;
+    }
+    _manageStateUp() {
+        if (this.isActive) {
+            if (this.isOver) {
+                this.switchTexture(ButtonStates.ACTIVE_OVER);
+            }
+            else {
+                this.switchTexture(ButtonStates.ACTIVE);
+            }
+        }
+        if (!this.isActive) {
+            this.switchTexture(ButtonStates.NORMAL);
+        }
+        if (this.isOver) {
+            this.switchTexture(ButtonStates.OVER);
+        }
+    }
+    _manageStateOver() {
+        this.isOver = true;
+        if (this.isActive) {
+            this.switchTexture(ButtonStates.ACTIVE_OVER);
+        }
+        else {
+            this.switchTexture(ButtonStates.OVER);
+        }
+    }
+    _manageStateDown() {
+        if (this.isActive) {
+            this.switchTexture(ButtonStates.ACTIVE_CLICKED);
+        }
+        else {
+            this.switchTexture(ButtonStates.CLICKED);
+        }
+    }
+    _manageStateOut() {
+        this.isOver = false;
+        if (this.isActive) {
+            this.switchTexture(ButtonStates.ACTIVE);
+        }
+        else {
+            this.switchTexture(ButtonStates.NORMAL);
+        }
+    }
+}

package/dist/buttons/BaseButton/ButtonState.d.ts

@@ -0,0 +1,8 @@
+export declare enum ButtonStates {
+    NORMAL = "normal",
+    OVER = "over",
+    CLICKED = "clicked",
+    ACTIVE = "active",
+    ACTIVE_OVER = "activeOver",
+    ACTIVE_CLICKED = "activeClicked"
+}

package/dist/buttons/BaseButton/ButtonState.js

@@ -0,0 +1,9 @@
+export var ButtonStates;
+(function (ButtonStates) {
+    ButtonStates["NORMAL"] = "normal";
+    ButtonStates["OVER"] = "over";
+    ButtonStates["CLICKED"] = "clicked";
+    ButtonStates["ACTIVE"] = "active";
+    ButtonStates["ACTIVE_OVER"] = "activeOver";
+    ButtonStates["ACTIVE_CLICKED"] = "activeClicked";
+})(ButtonStates || (ButtonStates = {}));

package/dist/buttons/BaseButton/index.d.ts

@@ -0,0 +1 @@
+export * from "./BaseButton";

package/dist/buttons/BaseButton/index.js

@@ -0,0 +1 @@
+export * from "./BaseButton";

package/dist/buttons/BaseButton/types.d.ts

@@ -0,0 +1,3 @@
+import { Texture } from "pixi.js";
+import { ButtonStates } from "./ButtonState";
+export type TextureMap = Map<ButtonStates, Texture>;

package/dist/buttons/BaseButton/types.js

@@ -0,0 +1 @@
+export {};

package/dist/buttons/index.d.ts

@@ -0,0 +1 @@
+export * from "./BaseButton";

package/dist/buttons/index.js

@@ -0,0 +1 @@
+export * from "./BaseButton";

package/dist/constants/index.d.ts

@@ -0,0 +1,2 @@
+export declare const TINT_ENABLED: string;
+export declare const TINT_DISABLED: string;

package/dist/constants/index.js

@@ -0,0 +1,3 @@
+import { Color } from "pixi.js";
+export const TINT_ENABLED = new Color(0x00ffffff).toHex();
+export const TINT_DISABLED = new Color(0x605252).toHex();

package/dist/freeSpins/AbstractFreeSpinContainer/AbstractFreeSpinContainer.d.ts

@@ -0,0 +1,5 @@
+import { Container } from "pixi.js";
+export declare abstract class AbstractFreeSpinContainer extends Container {
+    abstract resize(scale: number, width: number, height: number): void;
+    abstract reposition(width: number, height: number): void;
+}

package/dist/freeSpins/AbstractFreeSpinContainer/AbstractFreeSpinContainer.js

@@ -0,0 +1,3 @@
+import { Container } from "pixi.js";
+export class AbstractFreeSpinContainer extends Container {
+}

package/dist/freeSpins/AbstractFreeSpinContainer/index.d.ts

@@ -0,0 +1 @@
+export * from "./AbstractFreeSpinContainer";

package/dist/freeSpins/AbstractFreeSpinContainer/index.js

@@ -0,0 +1 @@
+export * from "./AbstractFreeSpinContainer";

package/dist/freeSpins/FreeSpinPlate/FreeSpinPlate.d.ts

@@ -0,0 +1,28 @@
+import { BaseButton } from "buttons";
+import { AbstractFreeSpinContainer } from "freeSpins/AbstractFreeSpinContainer/AbstractFreeSpinContainer";
+import { Container } from "pixi.js";
+import { Nullable } from "utils/common";
+import { LoadersSpineData } from "../../utils/assets";
+import { FreeSpinPlateTexts } from "./types";
+/**
+ * Free Spin Plate class
+ *
+ * This container shows at the start of the free games
+ *
+ * @member {Sprite | Spine} freeSpinPlate texture used in free spin summary
+ * @member {Text[]} texts all of texts that shows in summary
+ * @member {BaseButton} startButton button for starting free spin game
+ * @member {number} shownAt time that free spin plate was shown
+ */
+export declare class FreeSpinPlate extends Container implements AbstractFreeSpinContainer {
+    private freeSpinPlate;
+    private texts;
+    private startButton;
+    shownAt: number;
+    constructor(freeSpinTexture: string, texts: FreeSpinPlateTexts, button: BaseButton, startClickResolver: () => void, spineData?: Nullable<LoadersSpineData>, isSpine?: boolean);
+    get onClick(): typeof this.startButton.onClick;
+    resize(scale: number, width: number, height: number): void;
+    reposition(width: number, height: number): void;
+    private centerComponent;
+    private initChildPositions;
+}

package/dist/freeSpins/FreeSpinPlate/FreeSpinPlate.js

@@ -0,0 +1,57 @@
+import { Container, Sprite, Text, Texture } from "pixi.js";
+import { Spine } from "pixi-spine";
+/**
+ * Free Spin Plate class
+ *
+ * This container shows at the start of the free games
+ *
+ * @member {Sprite | Spine} freeSpinPlate texture used in free spin summary
+ * @member {Text[]} texts all of texts that shows in summary
+ * @member {BaseButton} startButton button for starting free spin game
+ * @member {number} shownAt time that free spin plate was shown
+ */
+export class FreeSpinPlate extends Container {
+    freeSpinPlate;
+    texts;
+    startButton;
+    shownAt;
+    constructor(freeSpinTexture, texts, button, startClickResolver, spineData = null, isSpine = false) {
+        super();
+        if (isSpine && spineData) {
+            this.freeSpinPlate = new Spine(spineData);
+        }
+        this.interactive = true;
+        this.freeSpinPlate = new Sprite(Texture.from(freeSpinTexture));
+        this.texts = Object.keys(texts).map((text) => new Text(texts[text].text, texts[text].style));
+        this.startButton = button;
+        this.startButton.setOnClick(startClickResolver);
+        this.shownAt = performance.now();
+    }
+    get onClick() {
+        return this.startButton.onClick;
+    }
+    resize(scale, width, height) {
+        this.scale.set(scale);
+        this.reposition(width, height);
+        this.initChildPositions();
+    }
+    reposition(width, height) {
+        this.x = width - this.width / 2;
+        this.y = height - this.height / 2;
+    }
+    centerComponent(component) {
+        component.x = this.freeSpinPlate.width / 2 - component.width / 2;
+    }
+    initChildPositions() {
+        this.texts.forEach((text) => this.removeChild(text));
+        for (let index = 1; index <= this.texts.length; index++) {
+            this.centerComponent(this.texts[index]);
+            if (index - 1 === 0)
+                this.texts[index - 1].y = 0 + this.texts[index - 1].height;
+            this.texts[index].y += this.texts[index].height + this.texts[index - 1].y + this.texts[index - 1].height;
+        }
+        this.startButton.y = this.texts[this.texts.length - 1].y + this.texts[this.texts.length - 1].height;
+        this.texts.forEach((text) => this.addChild(text));
+        this.addChild(this.startButton);
+    }
+}

package/dist/freeSpins/FreeSpinPlate/index.d.ts

@@ -0,0 +1 @@
+export * from "./FreeSpinPlate";

package/dist/freeSpins/FreeSpinPlate/index.js

@@ -0,0 +1 @@
+export * from "./FreeSpinPlate";

package/dist/freeSpins/FreeSpinPlate/types.d.ts

@@ -0,0 +1,14 @@
+import { ITextStyle } from "pixi.js";
+declare const TextTypes: {
+    readonly congratulationsText: "congratulations";
+    readonly youHaveWonText: "youHaveWonText";
+    readonly numberText: "numberText";
+    readonly description: "description";
+};
+export type FreeSpinPlateText = keyof typeof TextTypes;
+export type TextOptions = {
+    text: string;
+    style: Partial<ITextStyle>;
+};
+export type FreeSpinPlateTexts = Record<FreeSpinPlateText, TextOptions>;
+export {};

package/dist/freeSpins/FreeSpinPlate/types.js

@@ -0,0 +1,7 @@
+const TextTypes = {
+    congratulationsText: "congratulations",
+    youHaveWonText: "youHaveWonText",
+    numberText: "numberText",
+    description: "description"
+};
+export {};

package/dist/freeSpins/FreeSpinSummary/FreeSpinSummary.d.ts

@@ -0,0 +1,25 @@
+import { AbstractFreeSpinContainer } from "freeSpins/AbstractFreeSpinContainer/AbstractFreeSpinContainer";
+import { Container } from "pixi.js";
+import { FreeSpinSummaryTexts } from "./types";
+/**
+ * Free Spin Summary class
+ *
+ * This container shows the summary of free games
+ *
+ * @member {Sprite} freeSpinSummary texture used in free spin summary
+ * @member {Text[]} texts all of texts that shows in summary
+ * @member {VoidFunction} hideResolver resolver for hiding free spin summary container
+ * @member {number} shownAt time that free spin summary was shown
+ */
+export declare class FreeSpinSummary extends Container implements AbstractFreeSpinContainer {
+    private freeSpinSummary;
+    private texts;
+    shownAt: number;
+    private hideResolver;
+    constructor(textureName: string, texts: FreeSpinSummaryTexts, startClickResolver: () => void);
+    get onClick(): typeof this.hideResolver;
+    resize(scale: number, width: number, height: number): void;
+    reposition(width: number, height: number): void;
+    private centerComponent;
+    private initChildPositions;
+}

package/dist/freeSpins/FreeSpinSummary/FreeSpinSummary.js

@@ -0,0 +1,51 @@
+import { Container, Sprite, Text, Texture } from "pixi.js";
+/**
+ * Free Spin Summary class
+ *
+ * This container shows the summary of free games
+ *
+ * @member {Sprite} freeSpinSummary texture used in free spin summary
+ * @member {Text[]} texts all of texts that shows in summary
+ * @member {VoidFunction} hideResolver resolver for hiding free spin summary container
+ * @member {number} shownAt time that free spin summary was shown
+ */
+export class FreeSpinSummary extends Container {
+    freeSpinSummary;
+    texts;
+    shownAt;
+    hideResolver;
+    constructor(textureName, texts, startClickResolver) {
+        super();
+        this.freeSpinSummary = new Sprite(Texture.from(textureName));
+        this.texts = Object.keys(texts).map((keyText) => new Text(texts[keyText].text, texts[keyText].style));
+        this.shownAt = performance.now();
+        this.hideResolver = startClickResolver;
+        this.addListener("pointerdown", () => startClickResolver());
+        this.interactive = true;
+    }
+    get onClick() {
+        return this.hideResolver;
+    }
+    resize(scale, width, height) {
+        this.scale.set(scale);
+        this.reposition(width, height);
+        this.initChildPositions();
+    }
+    reposition(width, height) {
+        this.x = width - this.width / 2;
+        this.y = height - this.height / 2;
+    }
+    centerComponent(component) {
+        component.x = this.freeSpinSummary.width / 2 - component.width / 2;
+    }
+    initChildPositions() {
+        this.texts.forEach((text) => this.removeChild(text));
+        for (let index = 1; index <= this.texts.length; index++) {
+            this.centerComponent(this.texts[index]);
+            if (index - 1 === 0)
+                this.texts[index - 1].y = 0 + this.texts[index - 1].height;
+            this.texts[index].y += this.texts[index].height + this.texts[index - 1].y + this.texts[index - 1].height;
+        }
+        this.texts.forEach((text) => this.addChild(text));
+    }
+}

package/dist/freeSpins/FreeSpinSummary/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FreeSpinSummary";
+export * from "./types";

package/dist/freeSpins/FreeSpinSummary/index.js

@@ -0,0 +1,2 @@
+export * from "./FreeSpinSummary";
+export * from "./types";

package/dist/freeSpins/FreeSpinSummary/types.d.ts

@@ -0,0 +1,14 @@
+import { ITextStyle } from "pixi.js";
+declare const TextTypes: {
+    readonly congratulationsText: "congratulations";
+    readonly youHaveWonText: "youHaveWonText";
+    readonly numberText: "numberText";
+    readonly description: "description";
+};
+export type FreeSpinSummaryText = keyof typeof TextTypes;
+export type TextOptions = {
+    text: string;
+    style: Partial<ITextStyle>;
+};
+export type FreeSpinSummaryTexts = Record<FreeSpinSummaryText, TextOptions>;
+export {};

package/dist/freeSpins/FreeSpinSummary/types.js

@@ -0,0 +1,7 @@
+const TextTypes = {
+    congratulationsText: "congratulations",
+    youHaveWonText: "youHaveWonText",
+    numberText: "numberText",
+    description: "description"
+};
+export {};

package/dist/freeSpins/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./AbstractFreeSpinContainer";
+export * from "./FreeSpinPlate";
+export * from "./FreeSpinSummary";

package/dist/freeSpins/index.js

@@ -0,0 +1,3 @@
+export * from "./AbstractFreeSpinContainer";
+export * from "./FreeSpinPlate";
+export * from "./FreeSpinSummary";

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./buttons";
+export * from "./constants";
+export * from "./freeSpins";
+export * from "./loading";
+export * from "./utils";

package/dist/index.js

@@ -0,0 +1,5 @@
+export * from "./buttons";
+export * from "./constants";
+export * from "./freeSpins";
+export * from "./loading";
+export * from "./utils";

package/dist/loading/ProgressiveLoader.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Interface for updating progress on loading assets
+ *
+ * @export
+ * @interface ProgressiveLoader
+ * @typedef {ProgressiveLoader}
+ */
+export interface ProgressiveLoader {
+    updateProgress: (progress: number) => void;
+}

package/dist/loading/ProgressiveLoader.js

@@ -0,0 +1 @@
+export {};

package/dist/loading/SpriteLoadingContainer.d.ts

@@ -0,0 +1,32 @@
+import { Application, Container, ITextStyle } from "pixi.js";
+import { ProgressiveLoader } from "./ProgressiveLoader";
+/**
+ * This class contains the loading process to pixi application
+ *
+ * @export
+ * @class SpriteLoadingContainer
+ * @typedef {SpriteLoadingContainer}
+ * @extends {Container}
+ * @implements {ProgressiveLoader}
+ */
+export declare class SpriteLoadingContainer extends Container implements ProgressiveLoader {
+    private sprite;
+    private text;
+    private application;
+    private rectangle;
+    private readonly loadingStatusContainerHeight;
+    private readonly loadingStatusContainerWidth;
+    private readonly loadingStatusWidth;
+    private readonly loadingStatusHeight;
+    /**
+     * Constructor for SpriteLoadingContainer
+     *
+     * @param {Application} application pixi application that have information about size of canvas
+     * @param {string} texture path to texture for logo
+     * @param {Partial<ITextStyle>} textOptions contains the options for text color blur
+     */
+    constructor(application: Application, texture: string, textOptions: Partial<ITextStyle>);
+    updateProgress(progress: number): void;
+    resize(): void;
+    reposition(): void;
+}

package/dist/loading/SpriteLoadingContainer.js

@@ -0,0 +1,71 @@
+import { Container, Graphics, Sprite, Text, TextStyle, Texture } from "pixi.js";
+/**
+ * This class contains the loading process to pixi application
+ *
+ * @export
+ * @class SpriteLoadingContainer
+ * @typedef {SpriteLoadingContainer}
+ * @extends {Container}
+ * @implements {ProgressiveLoader}
+ */
+export class SpriteLoadingContainer extends Container {
+    sprite;
+    text;
+    application;
+    rectangle;
+    loadingStatusContainerHeight = 40;
+    loadingStatusContainerWidth = 150;
+    loadingStatusWidth = this.loadingStatusContainerWidth - 20;
+    loadingStatusHeight = this.loadingStatusContainerHeight - 10;
+    /**
+     * Constructor for SpriteLoadingContainer
+     *
+     * @param {Application} application pixi application that have information about size of canvas
+     * @param {string} texture path to texture for logo
+     * @param {Partial<ITextStyle>} textOptions contains the options for text color blur
+     */
+    constructor(application, texture, textOptions) {
+        super();
+        this.application = application;
+        this.rectangle = new Graphics();
+        this.sprite = Sprite.from(Texture.from(texture));
+        this.rectangle.lineTextureStyle({ width: 5, texture: this.sprite.texture });
+        this.rectangle.beginFill(0x650a5a, 0.25);
+        this.rectangle.drawRoundedRect(0, 0, this.loadingStatusContainerWidth, this.loadingStatusContainerHeight, 8);
+        this.rectangle.endFill();
+        this.sprite.width = 0;
+        this.sprite.height = this.loadingStatusHeight;
+        this.sprite.tint = 0xfcd784;
+        this.addChild(this.rectangle);
+        const loaderTextStyle = new TextStyle({
+            ...textOptions,
+            fontSize: 24,
+            strokeThickness: 3,
+            dropShadow: true,
+            dropShadowBlur: 4,
+            dropShadowAngle: Math.PI / 6,
+            dropShadowDistance: 6,
+            align: "center"
+        });
+        this.text = new Text(`Loaded: ${0}%`, loaderTextStyle);
+        this.text.anchor.set(0, 0.5);
+        this.reposition();
+        this.addChild(this.sprite);
+        this.addChild(this.text);
+    }
+    updateProgress(progress) {
+        this.text.text = `Loaded: ${(progress * 100).toFixed(2)}%`;
+        this.sprite.width = this.loadingStatusWidth * progress;
+    }
+    resize() {
+        this.reposition();
+    }
+    reposition() {
+        this.rectangle.y = this.application.screen.height / 2;
+        this.rectangle.x = this.application.screen.width / 2;
+        this.sprite.y = this.rectangle.y + 5;
+        this.sprite.x = this.rectangle.x + 10;
+        this.text.x = this.rectangle.x;
+        this.text.y = this.rectangle.y + 70;
+    }
+}

package/dist/loading/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ProgressiveLoader";
+export * from "./SpriteLoadingContainer";

package/dist/loading/index.js

@@ -0,0 +1,2 @@
+export * from "./ProgressiveLoader";
+export * from "./SpriteLoadingContainer";

package/dist/utils/application/application.d.ts

@@ -0,0 +1,3 @@
+import { Application } from "pixi.js";
+import { ApplicationOptions } from "./types";
+export declare const createApplication: (options: ApplicationOptions) => Application<import("pixi.js").ICanvas>;

package/dist/utils/application/application.js

@@ -0,0 +1,2 @@
+import { Application } from "pixi.js";
+export const createApplication = (options) => new Application({ ...options, width: window.innerWidth, height: window.innerHeight });

package/dist/utils/application/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./application";
+export * from "./types";

package/dist/utils/application/index.js

@@ -0,0 +1,2 @@
+export * from "./application";
+export * from "./types";

package/dist/utils/application/types.d.ts

@@ -0,0 +1,2 @@
+import { IApplicationOptions as PixiApplicationOptions } from "pixi.js";
+export type ApplicationOptions = Partial<PixiApplicationOptions>;

package/dist/utils/application/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/assets/assetGetter.d.ts

@@ -0,0 +1,5 @@
+import type { LoadersSpineData, Resource } from "./types";
+export declare const getSpineData: (resourceName: string) => LoadersSpineData;
+export declare const loadAssets: (assets: Resource, updateProgress?: ((progress: number) => void) | undefined) => Promise<void>;
+export declare const checkIfAssetsLoaded: (assets: Resource) => boolean;
+export declare const waitForAssetsToLoad: (assets: Resource) => Promise<void>;

package/dist/utils/assets/assetGetter.js

@@ -0,0 +1,33 @@
+import { Assets } from "pixi.js";
+export const getSpineData = (resourceName) => {
+    const spine = Assets.get(resourceName);
+    if (!spine)
+        throw Error(`[Assets] Could not find resource ${resourceName}!`);
+    return spine.spineData;
+};
+export const loadAssets = async (assets, updateProgress) => {
+    try {
+        const aliases = Object.keys(assets).map((key) => ({ alias: key, src: assets[key] }));
+        await Assets.load(aliases, (progress) => updateProgress?.(progress));
+    }
+    catch (err) {
+        throw Error();
+    }
+};
+export const checkIfAssetsLoaded = (assets) => {
+    for (const key of Object.keys(assets)) {
+        if (!Assets.cache.has(key))
+            return false;
+    }
+    return true;
+};
+export const waitForAssetsToLoad = async (assets) => {
+    return new Promise((res) => {
+        const interval = setInterval(() => {
+            if (checkIfAssetsLoaded(assets)) {
+                res();
+                clearInterval(interval);
+            }
+        }, 50);
+    });
+};

package/dist/utils/assets/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./assetGetter";
+export * from "./types";

package/dist/utils/assets/index.js

@@ -0,0 +1,2 @@
+export * from "./assetGetter";
+export * from "./types";

package/dist/utils/assets/types.d.ts

@@ -0,0 +1,8 @@
+import { IAnimation, IBoneData, IEventData, IIkConstraintData, IPathConstraintData, ISkeletonData, ISkin, ISlotData, ITimeline, ITransformConstraintData } from "pixi-spine";
+export type LoadersSpineData = ISkeletonData<IBoneData, ISlotData, ISkin, IAnimation<ITimeline>, IEventData, IIkConstraintData, ITransformConstraintData, IPathConstraintData>;
+export type SpineResource = {
+    spineData: LoadersSpineData;
+    skeletonData: Record<string, unknown>;
+};
+export type Resource = Record<string, string>;
+export type AccessorToResource<T extends Record<string, string>> = keyof T;

package/dist/utils/assets/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/common/deviceOrientation.d.ts

@@ -0,0 +1,2 @@
+import { DeviceOrientation } from "./types";
+export declare const getDeviceOrientation: () => DeviceOrientation;

package/dist/utils/common/deviceOrientation.js

@@ -0,0 +1,14 @@
+import { getScreenRatio, isMobile } from "./functions";
+export const getDeviceOrientation = () => {
+    if (isMobile()) {
+        if (window.matchMedia("(orientation: portrait)").matches) {
+            return "mobile-portrait";
+        }
+        if (window.matchMedia("(orientation: landscape)").matches) {
+            return "mobile-landscape";
+        }
+    }
+    if (getScreenRatio() < 1)
+        return "mobile-portrait";
+    return "pc";
+};

package/dist/utils/common/functions.d.ts

@@ -0,0 +1,4 @@
+export declare const checkMobileBrowser: () => boolean;
+export declare const getScreenRatio: () => number;
+export declare const isMobile: () => boolean;
+export declare const setupFullscreenForIOS: () => void;

package/dist/utils/common/functions.js

@@ -0,0 +1,43 @@
+import { getDeviceOrientation } from "./deviceOrientation";
+export const checkMobileBrowser = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent || navigator.vendor);
+export const getScreenRatio = () => window.innerWidth / window.innerHeight;
+export const isMobile = () => {
+    let check = false;
+    (function (a) {
+        if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) ||
+            /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4)))
+            check = true;
+    })(navigator.userAgent || navigator.vendor);
+    return check;
+};
+export const setupFullscreenForIOS = () => {
+    if (!isMobile() || !checkMobileBrowser())
+        return;
+    document.body.style.overflow = "auto";
+    const scrollingElement = document.scrollingElement;
+    if (!scrollingElement)
+        return;
+    scrollingElement.scrollTo(0, 0);
+    let lastOrientation = getDeviceOrientation();
+    const scrollOverlay = document.createElement("div");
+    scrollOverlay.setAttribute("class", "ios-scroller");
+    document.body.appendChild(scrollOverlay);
+    const scrollOverlayAnimation = document.createElement("div");
+    scrollOverlayAnimation.setAttribute("class", "ios-scroller-animation");
+    document.body.appendChild(scrollOverlayAnimation);
+    let lastHeight = window.innerHeight;
+    addEventListener("resize", () => {
+        const currentOrientation = getDeviceOrientation();
+        const changedToLandScape = lastOrientation === "mobile-portrait" && currentOrientation === "mobile-landscape";
+        const changedToPortrait = lastOrientation === "mobile-landscape" && currentOrientation === "mobile-portrait";
+        if ((window.innerHeight < lastHeight && !changedToLandScape) || changedToPortrait) {
+            scrollingElement.scrollTo(0, 0);
+            document.documentElement.classList.remove("is-locked");
+        }
+        else {
+            document.documentElement.classList.add("is-locked");
+        }
+        lastHeight = window.innerHeight;
+        lastOrientation = currentOrientation;
+    });
+};

package/dist/utils/common/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./deviceOrientation";
+export * from "./functions";
+export * from "./types";

package/dist/utils/common/index.js

@@ -0,0 +1,3 @@
+export * from "./deviceOrientation";
+export * from "./functions";
+export * from "./types";

package/dist/utils/common/types.d.ts

@@ -0,0 +1,4 @@
+export type Nullable<T> = T | null;
+export type PlayableAction = () => Promise<void> | Promise<void[]>;
+export type VoidPromiseResolver = (value: void | PromiseLike<void>) => void;
+export type DeviceOrientation = "pc" | "mobile-portrait" | "mobile-landscape";

package/dist/utils/common/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./application";
+export * from "./assets";
+export * from "./common";

package/dist/utils/index.js

@@ -0,0 +1,3 @@
+export * from "./application";
+export * from "./assets";
+export * from "./common";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixi-rainman-game-engine",
-    "version": "0.0.1",
+    "version": "0.0.2",
     "description": "This repository contains all of the mechanics that used in rainman games.",
     "main": "dist/index.ts",
     "types": "dist/index.d.ts",