pixi-rainman-game-engine 0.3.37 → 0.3.39

package/dist/stores/SettingsStore.js

@@ -1,12 +1,14 @@
 import { first, last, range } from "lodash";
 import { action, computed, makeAutoObservable, observable } from "mobx";
-import { SoundManager, SoundTracks } from "../application";
+import { Ticker } from "pixi.js";
+import { SoundManager } from "../application";
 import { BUTTONS } from "../components";
 import { PaytableTypes } from "../constants";
 import { getFromLocalStorage, LOCAL_STORAGE, removeFromLocalStorage, setToLocalStorage } from "../localStorage";
 import { RainMan } from "../Rainman";
-import { changeResolution, logError } from "../utils";
+import { logError } from "../utils";
 const INITIAL_AUTO_SPIN_COUNT = 50;
+const BATTERY_SAVER_MAX_FPS = 30;
 /**
  * This class represents global state of pixi and react application
  * @class SettingsStore
@@ -19,6 +21,7 @@ export class SettingsStore {
     isQuickSpinsActive = false;
     bet = 0;
     betText = "";
+    isSoundStarted = false;
     shouldPlayAmbientMusic = true;
     shouldPlayFxSounds = true;
     fullScreenFlag = false;
@@ -34,7 +37,6 @@ export class SettingsStore {
     infinitySpinsEnabled = false;
     roundNumber = 0;
     reelSetId = 0;
-    HiResolutionFlag = getFromLocalStorage(LOCAL_STORAGE.hiResolution, false);
     batterySaverFlag = getFromLocalStorage(LOCAL_STORAGE.batterySaver, false);
     isGambleGameAvailable = true;
     isGambleGameActive = false;
@@ -48,7 +50,6 @@ export class SettingsStore {
     howManyFreeSpinsLeft = 0;
     balanceAfterSpin = 0;
     howManyAutoSpinsLeft = INITIAL_AUTO_SPIN_COUNT;
-    // public freeSpinBuyTable: Record<number, number> = {};
     freeSpinsBuyOptions = [];
     jokerBuyOptions = [];
     gameBuyTypes = [];
@@ -62,8 +63,8 @@ export class SettingsStore {
     disableBigWin = false;
     isAfterFreeSpinsSummary = true;
     isSpeedModalShown = false;
+    isFreeSpinsStarted = false;
     reinitData;
-    setSpeedPopupVisibility;
     popupPaytableRepositionCallback;
     updateVolumeButtonTexture;
     handleModalInvocation;
@@ -95,10 +96,10 @@ export class SettingsStore {
         makeAutoObservable(this, {
             setBatteryFlag: action.bound,
             setBalanceAfterSpin: action.bound,
+            startSound: action.bound,
             setShouldPlayAmbientMusic: action.bound,
             setShouldPlayFxSounds: action.bound,
             setFullScreenFlag: action.bound,
-            setHiResolutionFlag: action.bound,
             setSpeedLevel: action.bound,
             setVolumeLevel: action.bound,
             setOnAnyWin: action.bound,
@@ -218,8 +219,7 @@ export class SettingsStore {
     /**
      * Sets the free spins price table.
      * @public
-     * @param freeSpinsBuyOptions
-     * @param {Record<number, number>} freeSpinsPriceTable table with free spins prices
+     * @param {FreeSpinsBuyOption[]} freeSpinsBuyOptions array with free spins buy options
      * @returns {void}
      */
     setFreeSpinsBuyOptions(freeSpinsBuyOptions) {
@@ -237,8 +237,7 @@ export class SettingsStore {
     /**
      * Sets the free spins price table.
      * @public
-     * @param buyTypes
-     * @param {Record<number, number>} jokerBuyOption table with free spins prices
+     * @param {BuyType[]} buyTypes array with available buy types
      * @returns {void}
      */
     setGameBuyTypes(buyTypes) {
@@ -279,6 +278,9 @@ export class SettingsStore {
      * @returns {void}
      */
     refreshBatterySaver() {
+        const maxFPS = this.batterySaverFlag ? BATTERY_SAVER_MAX_FPS : 0;
+        RainMan.app.ticker.maxFPS = maxFPS;
+        Ticker.shared.maxFPS = maxFPS;
         this.containersWithSpines.forEach((spine) => spine.setAnimationTimescale(!this.batterySaverFlag));
     }
     /**
@@ -290,13 +292,22 @@ export class SettingsStore {
      */
     setShouldPlayAmbientMusic(flag, saveToLocalStorage = true) {
         this.shouldPlayAmbientMusic = flag;
-        SoundManager.setPlayStatus(this.isFreeSpinsPlayEnabled ? SoundTracks.freeSpinsMusic : SoundTracks.music, flag);
+        if (!flag) {
+            SoundManager.stopAmbientMusic();
+        }
+        else {
+            SoundManager.restoreAmbientPlayback();
+        }
         this.updateVolumeButtonTexture?.();
         if (saveToLocalStorage) {
             setToLocalStorage(LOCAL_STORAGE.isAmbientMusicEnabled, flag);
             removeFromLocalStorage(LOCAL_STORAGE.isSoundEnabled);
         }
     }
+    startSound() {
+        this.isSoundStarted = true;
+        void SoundManager.resumeAudioContext();
+    }
     /**
      * Sets flag for effect sounds
      * @public
@@ -365,18 +376,6 @@ export class SettingsStore {
             window.document.exitFullscreen();
         }
     }
-    /**
-     * Sets the high resolution flag.
-     * @public
-     * @param {boolean} flag - New value for high resolution flag.
-     * @returns {void}
-     */
-    setHiResolutionFlag(flag) {
-        this.HiResolutionFlag = flag;
-        setToLocalStorage(LOCAL_STORAGE.hiResolution, flag);
-        changeResolution(flag);
-        window.dispatchEvent(new Event("resize"));
-    }
     /**
      * Sets the temporary speed flag.
      * @public

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

@@ -77,7 +77,7 @@ export declare const setTimeScale: (spine: Spine, flag: boolean) => void;
  * @param {boolean} high should be true for high resolution, false for low resolution
  * @returns {void}
  */
-export declare const changeResolution: (high: boolean) => void;
+export declare const changeResolution: () => void;
 /**
  * Helper function for checking if the value is not null or undefined
  * @template T

package/dist/utils/common/functions.js

@@ -145,9 +145,8 @@ export const setTimeScale = (spine, flag) => {
  * @param {boolean} high should be true for high resolution, false for low resolution
  * @returns {void}
  */
-export const changeResolution = (high) => {
-    const lowRes = Math.max(window.devicePixelRatio * 0.5, 1);
-    const resolution = high ? window.devicePixelRatio : lowRes;
+export const changeResolution = () => {
+    const resolution = window.devicePixelRatio;
     RainMan.app.renderer.resolution = resolution;
     RainMan.app.renderer.resize(RainMan.app.screen.width, RainMan.app.screen.height);
 };

package/dist/utils/common/sound.js

@@ -24,7 +24,7 @@ const pauseAudio = () => {
     shouldResumeAudioOnInterruption = false;
     removeInterruptedAudioResumeListeners();
     if (RainMan.settingsStore.isSoundEnabled()) {
-        SoundManager.pauseAll();
+        SoundManager.stopSoundsForPageHide();
     }
 };
 /**
@@ -40,13 +40,10 @@ const resumeAudio = async () => {
     }
     isResumingAudio = true;
     try {
-        if (RainMan.settingsStore.isSoundEnabled()) {
-            const hasResumedAudioContext = await SoundManager.resumeOnFocus();
-            if (!hasResumedAudioContext) {
-                interruptedAudioResume();
-                return;
-            }
-            SoundManager.resumeAll();
+        const hasResumedAudioContext = await SoundManager.resumeOnFocus();
+        if (!hasResumedAudioContext) {
+            interruptedAudioResume();
+            return;
         }
         if (SoundManager.isAudioContextRunning()) {
             shouldResumeAudioOnInterruption = false;

package/package.json

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

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

@@ -1,7 +0,0 @@
-import "react-custom-scroll/dist/customScroll.css";
-import "./speedSettingsPopup.css";
-import React from "react";
-export declare const SPEED_PREFIX = "speed-";
-export declare const SpeedSettingsPopup: (() => React.JSX.Element) & {
-    displayName: string;
-};

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

@@ -1,27 +0,0 @@
-import "react-custom-scroll/dist/customScroll.css";
-import "./speedSettingsPopup.css";
-import i18next from "i18next";
-import { observer } from "mobx-react-lite";
-import React from "react";
-import { SPEED_LEVELS } from "../../../application";
-import { UI_ITEMS } from "../../../utils";
-import { useStores } from "../../hooks";
-import { CloseModalButton } from "../CloseModalButton";
-export const SPEED_PREFIX = "speed-";
-export const SpeedSettingsPopup = observer(() => {
-    const speedLevelMapper = {
-        slow: SPEED_LEVELS.slow,
-        normal: SPEED_LEVELS.normal,
-        fast: SPEED_LEVELS.fast,
-    };
-    const { settingStore } = useStores();
-    return (<div className="speed-settings-popup">
-            <CloseModalButton layerId={UI_ITEMS.speedSettings}/>
-            <div className="speed-settings-popup__title">{i18next.t("howDoYouWantToPlay")}</div>
-            <div className="speed-settings-popup__speed-options">
-                {Object.keys(speedLevelMapper).map((speedLevelKey) => (<div id={`${SPEED_PREFIX}${speedLevelKey}`} key={`${SPEED_PREFIX}${speedLevelKey}`} className={`speed-settings-popup__option ${speedLevelKey === settingStore.currentSpeed ? "speed-settings-popup_option--active" : ""}`}>
-                        <img className={`speed-settings-popup__icon ${speedLevelMapper[speedLevelKey]}`} src={`../../../assets/settings/speedPopup/speed-${speedLevelMapper[speedLevelKey]}.png`}/>
-                    </div>))}
-            </div>
-        </div>);
-});

package/dist/SettingsUI/components/SpeedSettingsPopup/speedSettingsPopup.css

@@ -1,159 +0,0 @@
-.speed-settings-modal {
-    width: 50vw;
-    height: 30vh;
-    top: 40vh;
-    left: 25vw;
-    align-items: center;
-    justify-content: center;
-    z-index: 0;
-}
-
-.modal-overlay {
-    position: fixed;
-    inset: 0;
-    background: rgba(0, 0, 0, 0.6);
-    backdrop-filter: blur(2px);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: 0;
-}
-
-.speed-settings-popup {
-    display: flex;
-    flex-direction: column;
-    gap: 20px;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.speed-settings-popup__title {
-    font-size: 25px;
-    color: white;
-    text-transform: uppercase;
-    margin-top: 10px;
-}
-
-.speed-settings-popup__speed-options {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    gap: 25px;
-    width: 100%;
-    height: 120px;
-}
-
-.speed-settings-popup__option {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-image: url("/assets/settings/speedPopup/speed-frame.png");
-    width: 145px;
-    height: 78px;
-    background-repeat: no-repeat no-repeat;
-    background-size: contain;
-    cursor: pointer;
-}
-
-.speed-settings-popup__option:hover {
-    background-image: url("/assets/settings/speedPopup/speed-frame-active.png");
-    width: 145px;
-    height: 78px;
-    background-repeat: no-repeat no-repeat;
-    background-size: contain;
-}
-
-.speed-settings-popup_option--active {
-    background-image: url("/assets/settings/speedPopup/speed-frame-active.png");
-    width: 145px;
-    height: 78px;
-    background-repeat: no-repeat no-repeat;
-    background-size: contain;
-}
-
-.speed-settings-popup__icon.slow {
-    width: 70px;
-}
-
-.speed-settings-popup__icon.normal {
-    width: 35px;
-}
-
-.speed-settings-popup__icon.fast {
-    width: 90px;
-}
-
-@media only screen and (max-width: 450px) {
-    .speed-settings-modal {
-        width: 80vw;
-        height: 50vh;
-        left: 10vw;
-        top: 10vh;
-    }
-
-    .speed-settings-popup__title {
-        margin-top: 10px;
-        font-size: 14px;
-    }
-
-    .speed-settings-popup__speed-options {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        align-items: center;
-        height: 75%;
-    }
-
-    .speed-settings-popup__option {
-        width: 120px;
-        height: 66px;
-    }
-
-    .speed-settings-popup__icon.slow {
-        width: 60px;
-    }
-
-    .speed-settings-popup__icon.normal {
-        width: 30px;
-    }
-
-    .speed-settings-popup__icon.fast {
-        width: 70px;
-    }
-}
-
-@media screen and (max-width: 450px) and (pointer: coarse) {
-    .speed-settings-popup__option {
-        width: 120px;
-        height: 66px;
-    }
-
-    .speed-settings-popup__option:hover {
-        background-image: url("/assets/settings/speedPopup/speed-frame-active.png");
-        background-repeat: no-repeat no-repeat;
-        background-size: contain;
-    }
-
-    .speed-settings-popup__option:focus {
-        background-image: url("/assets/settings/speedPopup/speed-frame-active.png");
-        background-repeat: no-repeat no-repeat;
-        background-size: contain;
-    }
-}
-
-@media only screen and (max-height: 450px) {
-    .speed-settings-modal {
-        width: 80vw;
-        height: 50vh;
-        left: 10vw;
-        top: 10vh;
-    }
-
-    .speed-settings-popup__title {
-        font-size: 20px;
-    }
-
-    .speed-settings-popup__speed-options {
-        height: 60%;
-    }
-}

package/dist/controllers/QuickStopController.d.ts

@@ -1,54 +0,0 @@
-import { ButtonsEventManager } from "../application";
-/**
- * This controller is used to show the speed popup and handle quick stops
- * After 4 quick stops, the speed popup will be shown.
- * Number of quick spin can be adjusted in {@link MAX_QUICK_STOPS}
- * @class QuickStopController
- */
-export declare class QuickStopController {
-    private buttonsEventManager;
-    quickStopCounterLock: boolean;
-    shouldInvokeSpeedPopup: boolean;
-    speedPopupDisabled: boolean;
-    private quickStopsCounter;
-    constructor(buttonsEventManager: ButtonsEventManager);
-    /**
-     * Function for handling invoking speed popup
-     * This function will increment the quick stops counter and lock the counter if it reaches the maximum
-     * If the maximum is reached, it will set the flag to show the speed popup
-     * @public
-     * @returns {void}
-     */
-    handleInvokingSpeedPopup(): void;
-    /**
-     * Function for handling speed popup invocation
-     * This function will set the visibility of the speed popup and reset the quick stop counter lock
-     * It will also disable the speed popup to prevent it from being shown again until the next
-     * quick stop counter reset
-     * @public
-     * @returns {void}
-     */
-    handleSpeedPopupInvocation(): void;
-    /**
-     * Function for setting speed popup disabled state
-     * @public
-     * @param {boolean} value - whether the speed popup should be disabled
-     * @returns {void}
-     */
-    setSpeedPopupDisabled(value: boolean): void;
-    /**
-     * Function for resetting the quick stops counter
-     * This function will reset the quick stops counter to 0 if the shouldReset parameter is true
-     * @public
-     * @param {boolean} shouldReset - whether the quick stops counter should be reset
-     * @returns {void}
-     */
-    handleResetCounter(shouldReset: boolean): void;
-    /**
-     * Function for setting quick stop counter lock state
-     * @public
-     * @param {boolean} value - whether the quick stop counter should be locked
-     * @returns {void}
-     */
-    setQuickStopCounterLock(value: boolean): void;
-}

package/dist/controllers/QuickStopController.js

@@ -1,86 +0,0 @@
-import { SPEED_LEVELS } from "../application";
-import { RainMan } from "../Rainman";
-const MAX_QUICK_STOPS = 4;
-/**
- * This controller is used to show the speed popup and handle quick stops
- * After 4 quick stops, the speed popup will be shown.
- * Number of quick spin can be adjusted in {@link MAX_QUICK_STOPS}
- * @class QuickStopController
- */
-export class QuickStopController {
-    buttonsEventManager;
-    quickStopCounterLock = false;
-    shouldInvokeSpeedPopup = false;
-    speedPopupDisabled = false;
-    quickStopsCounter = 0;
-    constructor(buttonsEventManager) {
-        this.buttonsEventManager = buttonsEventManager;
-        RainMan.globals.disableSpeedPopup = this.setSpeedPopupDisabled.bind(this);
-    }
-    /**
-     * Function for handling invoking speed popup
-     * This function will increment the quick stops counter and lock the counter if it reaches the maximum
-     * If the maximum is reached, it will set the flag to show the speed popup
-     * @public
-     * @returns {void}
-     */
-    handleInvokingSpeedPopup() {
-        if (!this.quickStopCounterLock &&
-            this.quickStopsCounter < MAX_QUICK_STOPS &&
-            RainMan.settingsStore.currentSpeed !== SPEED_LEVELS.fast) {
-            this.quickStopCounterLock = true;
-            this.quickStopsCounter++;
-            if (this.quickStopsCounter === MAX_QUICK_STOPS) {
-                this.shouldInvokeSpeedPopup = true;
-            }
-        }
-    }
-    /**
-     * Function for handling speed popup invocation
-     * This function will set the visibility of the speed popup and reset the quick stop counter lock
-     * It will also disable the speed popup to prevent it from being shown again until the next
-     * quick stop counter reset
-     * @public
-     * @returns {void}
-     */
-    handleSpeedPopupInvocation() {
-        if (this.shouldInvokeSpeedPopup && !this.speedPopupDisabled && !RainMan.settingsStore.isFreeSpinsPlayEnabled) {
-            this.buttonsEventManager?.setSpeedPopupVisibility("flex");
-            RainMan.settingsStore.isSpeedModalShown = true;
-            this.buttonsEventManager.disableButtons();
-            this.shouldInvokeSpeedPopup = false;
-            this.speedPopupDisabled = true;
-        }
-        this.quickStopCounterLock = false;
-    }
-    /**
-     * Function for setting speed popup disabled state
-     * @public
-     * @param {boolean} value - whether the speed popup should be disabled
-     * @returns {void}
-     */
-    setSpeedPopupDisabled(value) {
-        this.speedPopupDisabled = value;
-    }
-    /**
-     * Function for resetting the quick stops counter
-     * This function will reset the quick stops counter to 0 if the shouldReset parameter is true
-     * @public
-     * @param {boolean} shouldReset - whether the quick stops counter should be reset
-     * @returns {void}
-     */
-    handleResetCounter(shouldReset) {
-        if (shouldReset) {
-            this.quickStopsCounter = 0;
-        }
-    }
-    /**
-     * Function for setting quick stop counter lock state
-     * @public
-     * @param {boolean} value - whether the quick stop counter should be locked
-     * @returns {void}
-     */
-    setQuickStopCounterLock(value) {
-        this.quickStopCounterLock = value;
-    }
-}