pixi-rainman-game-engine 0.1.3 → 0.1.5

package/dist/SettingsUI/components/UXSettings/index.d.ts

@@ -1,4 +1,4 @@
-import "./uxsettings.css";
+import "./UXSettings.css";
 import React from "react";
 export declare const UXSettings: (() => React.JSX.Element) & {
     displayName: string;

package/dist/SettingsUI/components/UXSettings/index.jsx

@@ -1,4 +1,4 @@
-import "./uxsettings.css";
+import "./UXSettings.css";
 import { observer } from "mobx-react-lite";
 import React from "react";
 import { useStores } from "../../hooks";

package/dist/application/setup.js

@@ -1,8 +1,9 @@
 import { createRoot } from "react-dom/client";
 import { RainMan } from "../Rainman";
 import { SettingsUI } from "../SettingsUI";
-import { getDeviceOrientation, invokeStatsBoard, resizeCanvas, setupFullscreenForIOS } from "../utils";
+import { changeResolution, getDeviceOrientation, invokeStatsBoard, resizeCanvas, setupFullscreenForIOS, } from "../utils";
 export const setup = () => {
+    changeResolution(RainMan.settingsStore.HiResolutionFlag);
     resizeCanvas();
     setupFullscreenForIOS();
     const gameRoot = document.createElement("div");

package/dist/components/symbols/AbstractSymbolsColumn.js

@@ -293,7 +293,7 @@ export class AbstractSymbolsColumn extends Container {
         for (let i = 0; i <= RainMan.config.numberOfColumns; i++) {
             const currentColumn = this.columnsContainer.getColumnAtPosition(i);
             const hasBonus = !!currentColumn.symbols
-                .toSpliced(RainMan.config.numberOfRows, 1)
+                .slice(0, RainMan.config.numberOfRows)
                 .find((symbol) => symbol.id === this.bonusSymbol);
             if (hasBonus && currentColumn === this)
                 return true;

package/dist/stores/SettingsStore.js

@@ -3,7 +3,7 @@ import { SoundManager, SoundTracks } from "../application";
 import { PaytableTypes } from "../constants";
 import { getFromLocalStorage, LOCAL_STORAGE, setToLocalStorage } from "../localStorage";
 import { RainMan } from "../Rainman";
-import { debug } from "../utils";
+import { changeResolution, debug } from "../utils";
 const INITIAL_AUTO_SPIN_COUNT = 50;
 export class SettingsStore {
     static instance = null;
@@ -132,10 +132,10 @@ export class SettingsStore {
         }
     }
     setHiResolutionFlag(flag) {
-        window.alert(`page will reload!`);
         this.HiResolutionFlag = flag;
         setToLocalStorage(LOCAL_STORAGE.hiResolution, flag);
-        location.reload();
+        changeResolution(flag);
+        window.dispatchEvent(new Event("resize"));
     }
     setSpeedLevel(speedLevel) {
         this.currentSpeed = speedLevel;

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

@@ -9,3 +9,4 @@ export declare const togglePaytable: () => void;
 export declare const waitForAnimationToEnd: (spine: Spine, animationName: string, loopAnimationName?: string) => Promise<void>;
 export declare const debug: (...msg: unknown[]) => void;
 export declare const setTimeScale: (spine: Spine, flag: boolean) => void;
+export declare const changeResolution: (high: boolean) => void;

package/dist/utils/common/functions.js

@@ -1,3 +1,4 @@
+import { RainMan } from "../../Rainman";
 import { allUiItems, UI_ITEMS } from "./uiItems";
 export const ceilToDecimal = (value, decimalPlaces = 2) => {
     return Number(value.toFixed(decimalPlaces));
@@ -66,3 +67,6 @@ export const setTimeScale = (spine, flag) => {
         spine.state.timeScale = 0;
     }
 };
+export const changeResolution = (high) => {
+    RainMan.app.renderer.resolution = high ? window.devicePixelRatio : 1;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixi-rainman-game-engine",
-    "version": "0.1.3",
+    "version": "0.1.5",
     "description": "This repository contains all of the mechanics that used in rainman games.",
     "main": "./dist/index.js",
     "module": "./dist/index.js",