pixi-rainman-game-engine 0.0.3 → 0.0.5

package/LICENSE

@@ -0,0 +1 @@
+ISC

package/README.md

@@ -1,6 +1,6 @@
-# Rainman pixi game engine
+# RainMan pixi game engine
 
-This repository contains all of the mechanics that used in rainman games.
+This repository contains all of the mechanics that used in rainMan games. This library uses pixi and pixi-spine as dependencies.
 
 ### Scripts
 
@@ -18,3 +18,8 @@ This repository contains all of the mechanics that used in rainman games.
 Code for the game engine contains in the `src` directory. For create an feature you should add new directory into `src` directory. For example: `freeSpins` and in this folder contains all of the mechanics.
 
 In utils directory there all of the utility functions and types.
+
+### Test environment
+
+To simulate behavior of game engine mechanics, this repository contains react-pixi app, where you can test features that are included in game engine.
+Test environment uses local built of game engine. To setup test environment go to [README](./src/test-environment/README.md) of test environment.

package/dist/Rainman/Rainman.d.ts

@@ -0,0 +1,7 @@
+import { Application } from "pixi.js";
+import { AppConfig } from "./types";
+export declare class Rainman {
+    static app: Application;
+    static config: AppConfig;
+    constructor(app: Application, config: AppConfig);
+}

package/dist/Rainman/Rainman.js

@@ -0,0 +1,8 @@
+export class Rainman {
+    static app;
+    static config;
+    constructor(app, config) {
+        Rainman.app = app;
+        Rainman.config = config;
+    }
+}

package/dist/Rainman/index.d.ts

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

package/dist/Rainman/index.js

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

package/dist/Rainman/types.d.ts

@@ -0,0 +1,6 @@
+export type AppConfig = {
+    gameWidth: number;
+    gameHeight: number;
+    numberOfColumns: number;
+    numberOfRows: number;
+};

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

@@ -18,14 +18,14 @@ export declare class BaseButton extends Sprite {
     private isDisabled;
     private _onClick;
     private _customClickHandler;
-    constructor(name: string, texture: Texture, stateful?: boolean);
+    constructor(name: string, textureMap: TextureMap, 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;
+    protected switchTexture(state: keyof typeof ButtonStates): void;
+    protected setTextureForState(state: keyof typeof ButtonStates, texture: Texture): void;
     get disabled(): boolean;
     get onClick(): typeof this._onClick;
     private _manageStateUp;

package/dist/buttons/BaseButton/BaseButton.js

@@ -1,6 +1,5 @@
 import { Sprite } from "pixi.js";
 import { TINT_DISABLED, TINT_ENABLED } from "../../constants";
-import { ButtonStates } from "./ButtonState";
 /**
  * Class for basic button with states and textures
  *
@@ -11,7 +10,7 @@ import { ButtonStates } from "./ButtonState";
  */
 export class BaseButton extends Sprite {
     static registryName;
-    textures = new Map();
+    textures = {};
     stateful = false;
     isActive = false;
     isOver = false;
@@ -27,13 +26,14 @@ export class BaseButton extends Sprite {
         this._manageStateOver();
     };
     _customClickHandler = () => { };
-    constructor(name, texture, stateful = false) {
-        super(texture);
+    constructor(name, textureMap, stateful = false) {
+        super(textureMap["NORMAL"]);
         this.stateful = stateful;
         this.x = 0;
         this.y = 0;
         this.name = name;
-        this.interactive = true;
+        this.textures = textureMap;
+        this.eventMode = "dynamic";
         this.isActive = false;
     }
     get active() {
@@ -42,10 +42,10 @@ export class BaseButton extends Sprite {
     forceTextureUpdate() {
         this.isOver = false;
         if (this.isActive) {
-            this.switchTexture(ButtonStates.ACTIVE);
+            this.switchTexture("ACTIVE");
         }
         if (!this.isActive) {
-            this.switchTexture(ButtonStates.NORMAL);
+            this.switchTexture("NORMAL");
         }
     }
     setOnClick(callback) {
@@ -73,12 +73,12 @@ export class BaseButton extends Sprite {
         this.tint = makeDisabled ? TINT_DISABLED : TINT_ENABLED;
     }
     switchTexture(state) {
-        if (this.textures.has(state)) {
-            this.texture = this.textures.get(state);
+        if (this.textures[state]) {
+            this.texture = this.textures[state];
         }
     }
     setTextureForState(state, texture) {
-        this.textures.set(state, texture);
+        this.textures[state] = texture;
     }
     get disabled() {
         return this.isDisabled;
@@ -89,43 +89,43 @@ export class BaseButton extends Sprite {
     _manageStateUp() {
         if (this.isActive) {
             if (this.isOver) {
-                this.switchTexture(ButtonStates.ACTIVE_OVER);
+                this.switchTexture("ACTIVE_OVER");
             }
             else {
-                this.switchTexture(ButtonStates.ACTIVE);
+                this.switchTexture("ACTIVE");
             }
         }
         if (!this.isActive) {
-            this.switchTexture(ButtonStates.NORMAL);
+            this.switchTexture("NORMAL");
         }
         if (this.isOver) {
-            this.switchTexture(ButtonStates.OVER);
+            this.switchTexture("OVER");
         }
     }
     _manageStateOver() {
         this.isOver = true;
         if (this.isActive) {
-            this.switchTexture(ButtonStates.ACTIVE_OVER);
+            this.switchTexture("ACTIVE_OVER");
         }
         else {
-            this.switchTexture(ButtonStates.OVER);
+            this.switchTexture("OVER");
         }
     }
     _manageStateDown() {
         if (this.isActive) {
-            this.switchTexture(ButtonStates.ACTIVE_CLICKED);
+            this.switchTexture("ACTIVE_CLICKED");
         }
         else {
-            this.switchTexture(ButtonStates.CLICKED);
+            this.switchTexture("CLICKED");
         }
     }
     _manageStateOut() {
         this.isOver = false;
         if (this.isActive) {
-            this.switchTexture(ButtonStates.ACTIVE);
+            this.switchTexture("ACTIVE");
         }
         else {
-            this.switchTexture(ButtonStates.NORMAL);
+            this.switchTexture("NORMAL");
         }
     }
 }

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

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

package/dist/buttons/BaseButton/ButtonState.js

@@ -1,9 +1,8 @@
-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 = {}));
+export const ButtonStates = {
+    NORMAL: "normal",
+    OVER: "over",
+    CLICKED: "clicked",
+    ACTIVE: "active",
+    ACTIVE_OVER: "activeOver",
+    ACTIVE_CLICKED: "activeClicked"
+};

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

@@ -1 +1,3 @@
 export * from "./BaseButton";
+export * from "./ButtonState";
+export * from "./types";

package/dist/buttons/BaseButton/index.js

@@ -1 +1,3 @@
 export * from "./BaseButton";
+export * from "./ButtonState";
+export * from "./types";

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

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

package/dist/index.d.ts

@@ -2,4 +2,5 @@ export * from "./buttons";
 export * from "./constants";
 export * from "./freeSpins";
 export * from "./loading";
+export * from "./Rainman";
 export * from "./utils";

package/dist/index.js

@@ -2,4 +2,5 @@ export * from "./buttons";
 export * from "./constants";
 export * from "./freeSpins";
 export * from "./loading";
+export * from "./Rainman";
 export * from "./utils";

package/dist/utils/common/deviceOrientation.js

@@ -1,4 +1,4 @@
-import { getScreenRatio, isMobile } from "./functions";
+import { getScreenRatio, isMobile } from "./screenHelpers";
 export const getDeviceOrientation = () => {
     if (isMobile()) {
         if (window.matchMedia("(orientation: portrait)").matches) {

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

@@ -1,4 +1,10 @@
-export declare const checkMobileBrowser: () => boolean;
-export declare const getScreenRatio: () => number;
-export declare const isMobile: () => boolean;
-export declare const setupFullscreenForIOS: () => void;
+import { Spine } from "pixi-spine";
+export declare const ceilToDecimal: (value: number, decimalPlaces?: number) => number;
+export declare const wait: (ms: number) => Promise<void>;
+export declare const range: (start: number, stop: number, step: number) => number[];
+export declare const randomArrayElement: <T>(items: T[]) => T;
+export declare const getRandomInt: (min: number, max: number) => number;
+export declare const hideLayerIfPresent: (elementsToSkip?: string[]) => boolean;
+export declare const hidePaytable: () => void;
+export declare const togglePaytable: () => void;
+export declare const waitForAnimationToEnd: (spine: Spine, animationName: string, loopAnimationName?: string) => Promise<void>;

package/dist/utils/common/functions.js

@@ -1,43 +1,59 @@
-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())
+import { allUiItems, UI_ITEMS } from "./uiItems";
+export const ceilToDecimal = (value, decimalPlaces = 2) => {
+    return Number(value.toFixed(decimalPlaces));
+};
+export const wait = (ms) => {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+};
+export const range = (start, stop, step) => {
+    const result = [];
+    for (let i = start; i <= stop; i = ceilToDecimal(i + step)) {
+        result.push(i);
+    }
+    return result;
+};
+export const randomArrayElement = (items) => {
+    return items[Math.floor(Math.random() * items.length)];
+};
+export const getRandomInt = (min, max) => {
+    return Number((Math.random() * (max - min) + min).toFixed(0));
+};
+export const hideLayerIfPresent = (elementsToSkip = []) => {
+    let anyHidden = false;
+    allUiItems.forEach((elementId) => {
+        if (elementsToSkip.includes(elementId))
+            return;
+        const element = window.document.getElementById(elementId);
+        if (element === null)
+            return;
+        if (element.style.display !== "none")
+            anyHidden = true;
+        element.style.display = "none";
+    });
+    return anyHidden;
+};
+export const hidePaytable = () => {
+    const paytableLayer = window.document.getElementById(UI_ITEMS.symbolPaytable);
+    if (paytableLayer === null)
         return;
-    document.body.style.overflow = "auto";
-    const scrollingElement = document.scrollingElement;
-    if (!scrollingElement)
+    paytableLayer.style.display = "none";
+};
+export const togglePaytable = () => {
+    const paytableLayer = window.document.getElementById(UI_ITEMS.symbolPaytable);
+    if (paytableLayer === null)
         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;
+    paytableLayer.style.display = paytableLayer.style.display === "flex" ? "none" : "flex";
+};
+export const waitForAnimationToEnd = async (spine, animationName, loopAnimationName) => {
+    spine.state.clearListeners();
+    await new Promise((resolve) => {
+        spine.state.setAnimation(0, animationName, false);
+        spine.state.addListener({
+            complete: () => {
+                if (loopAnimationName)
+                    spine.state.setAnimation(0, loopAnimationName, true);
+                resolve();
+            }
+        });
     });
 };

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

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

package/dist/utils/common/index.js

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

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

@@ -0,0 +1,5 @@
+import { Rect } from "adaptive-scale/lib";
+import { Container, DisplayObject } from "pixi.js";
+export declare const scaleToParent: (width: number, height: number, parentWidth: number, parentHeight: number) => Rect;
+export declare const globalMinRatio: () => number;
+export declare const setChildIndexWithAscendingOrder: (parentContainer: Container, childrenComponents: DisplayObject[]) => void;

package/dist/utils/common/placementHelpers.js

@@ -0,0 +1,37 @@
+import { getScaledRect, POLICY, Size } from "adaptive-scale/lib";
+import { Rainman } from "../../Rainman";
+import { getScreenRatio } from "./screenHelpers";
+export const scaleToParent = (width, height, parentWidth, parentHeight) => {
+    return getScaledRect({
+        // window, canvas or any other thing
+        container: new Size(parentWidth, parentHeight),
+        // some dependent size. image, figure etc.
+        target: new Size(width, height),
+        // policy is optional. default is null
+        policy: POLICY.ShowAll // null | ExactFit | NoBorder | FullHeight | FullWidth | ShowAll
+    });
+};
+const valueForMobile = () => {
+    const globalXRatio = Rainman.app.screen.width / Rainman.config.gameWidth;
+    const globalYRatio = Rainman.app.screen.height / Rainman.config.gameHeight;
+    if (globalXRatio < globalYRatio) {
+        return globalXRatio * 2;
+    }
+    return globalYRatio * 2;
+};
+export const globalMinRatio = () => {
+    if (getScreenRatio() < 1) {
+        return valueForMobile();
+    }
+    const globalXRatio = Rainman.app.screen.width / Rainman.config.gameWidth;
+    const globalYRatio = Rainman.app.screen.height / Rainman.config.gameHeight;
+    if (globalXRatio < globalYRatio) {
+        return globalXRatio;
+    }
+    return globalYRatio;
+};
+export const setChildIndexWithAscendingOrder = (parentContainer, childrenComponents) => {
+    childrenComponents.forEach((container, index) => {
+        parentContainer.setChildIndex(container, index);
+    });
+};

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

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

package/dist/utils/common/screenHelpers.js

@@ -0,0 +1,60 @@
+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 openFullscreen = () => {
+    if (!isMobile())
+        return;
+    try {
+        const doc = document.documentElement;
+        if (typeof doc.requestFullscreen === "function") {
+            doc.requestFullscreen();
+        }
+        else if (typeof doc.webkitRequestFullscreen === "function") {
+            doc.webkitRequestFullscreen();
+        }
+        else if (typeof doc.msRequestFullscreen === "function") {
+            doc.msRequestFullscreen();
+        }
+    }
+    catch (ignore) { }
+};
+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/stats.d.ts

@@ -0,0 +1,3 @@
+import Stats from "stats.js";
+export declare const getStatsInstance: () => Stats;
+export declare const invokeStatsBoard: () => void;

package/dist/utils/common/stats.js

@@ -0,0 +1,16 @@
+import { Ticker } from "pixi.js";
+import Stats from "stats.js";
+const stats = new Stats();
+export const getStatsInstance = () => stats;
+export const invokeStatsBoard = () => {
+    const stats = getStatsInstance();
+    stats.showPanel(0);
+    stats.dom.style.position = "absolute";
+    Ticker.shared.add(() => collectStats());
+    document.body.appendChild(stats.dom);
+};
+const collectStats = () => {
+    const stats = getStatsInstance();
+    stats.begin();
+    stats.end();
+};

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

@@ -0,0 +1,9 @@
+export declare const UI_ITEMS: {
+    readonly settings: "dom-layer";
+    readonly volume: "volume-layer";
+    readonly gamerules: "game-rules-layer";
+    readonly autoplay: "autoplay-settings-layer";
+    readonly speedSettings: "speed-settings-layer";
+    readonly symbolPaytable: "symbol-paytable-layer";
+};
+export declare const allUiItems: ("dom-layer" | "volume-layer" | "game-rules-layer" | "autoplay-settings-layer" | "speed-settings-layer" | "symbol-paytable-layer")[];

package/dist/utils/common/uiItems.js

@@ -0,0 +1,9 @@
+export const UI_ITEMS = {
+    settings: "dom-layer",
+    volume: "volume-layer",
+    gamerules: "game-rules-layer",
+    autoplay: "autoplay-settings-layer",
+    speedSettings: "speed-settings-layer",
+    symbolPaytable: "symbol-paytable-layer"
+};
+export const allUiItems = Object.values(UI_ITEMS);

package/dist/utils/index.d.ts

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

package/dist/utils/index.js

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

package/package.json

@@ -1,23 +1,31 @@
 {
     "name": "pixi-rainman-game-engine",
-    "version": "0.0.3",
+    "version": "0.0.5",
     "description": "This repository contains all of the mechanics that used in rainman games.",
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
     "scripts": {
         "build": "rm -rf dist && tsc",
+        "dev:build": "tsc-watch",
+        "dev:link": "npm link && cd test-environment && npm link pixi-rainman-game-engine",
+        "dev:server": "cd test-environment && yarn dev",
         "lint": "eslint src/** --fix",
-        "prepare": "husky && yarn build"
+        "prepublishOnly": "husky && yarn build",
+        "prepare": "husky"
     },
     "type": "module",
     "author": "@niceguys",
     "license": "ISC",
     "dependencies": {
+        "adaptive-scale": "^1.0.0",
         "pixi-spine": "^4.0.4",
-        "pixi.js": "^7.4.0"
+        "pixi.js": "^7.4.0",
+        "stats.js": "^0.17.0"
     },
     "devDependencies": {
         "@types/node": "^20.11.19",
+        "@types/stats.js": "^0.17.3",
         "@typescript-eslint/eslint-plugin": "^7.0.2",
         "@typescript-eslint/parser": "^7.0.2",
         "eslint": "^8.57.0",
@@ -30,6 +38,7 @@
         "prettier": "^3.2.5",
         "pretty-quick": "^4.0.0",
         "tsc": "^2.0.4",
+        "tsc-watch": "^6.0.4",
         "typescript": "^5.3.3"
     },
     "bugs": {
@@ -42,6 +51,7 @@
     },
     "files": [
         "dist",
+        "LICENSE",
         "README.md"
     ],
     "keywords": [

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

@@ -1,3 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

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

package/dist/utils/application/index.js

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

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

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