pixi-rainman-game-engine 0.3.41 → 0.3.42

package/dist/Rainman/appConfig.js

@@ -7,6 +7,7 @@ import { Color } from "pixi.js";
 export const defaultAppConfig = {
     gameWidth: 1920,
     gameHeight: 1080,
+    enableInfinityAutoplay: false,
     reinitMode: false,
     reinitSymbolIndexFix: 0,
     idleTimeout: 10000,

package/dist/Rainman/types.d.ts

@@ -13,6 +13,7 @@ export type RequiredAppConfig = {
 export type OptionalAppConfig = {
     gameWidth: number;
     gameHeight: number;
+    enableInfinityAutoplay: boolean;
     reinitMode: boolean;
     reinitSymbolIndexFix: number;
     idleTimeout: number;

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

@@ -4,6 +4,7 @@ import i18next from "i18next";
 import { observer } from "mobx-react-lite";
 import React from "react";
 import { COMPONENTS } from "../../../components";
+import { RainMan } from "../../../Rainman";
 import { UI_ITEMS } from "../../../utils";
 import { useStores } from "../../hooks";
 import { CloseModalButton } from "../CloseModalButton";
@@ -11,11 +12,18 @@ import { RichLimitingSlider } from "../RichLimitingSlider";
 import { SpeedButtonWithHeader, SwitchWithHeader } from "../SwitchWithHeader";
 const initialAutoSpinCount = 10;
 const availableAutoSpinLimits = [10, 20, 50, 70, 100];
+const infiniteAutoSpinCount = 1000000;
 export const AutoplaySettings = observer(() => {
     const { settingStore } = useStores();
+    const infinityAutoplayEnabled = RainMan.config.enableInfinityAutoplay;
     const updateLimitsBounds = (newLimit) => {
+        settingStore.setInfinitySpinsEnabled(false);
         setAutoSpinsCount(newLimit);
     };
+    const enableInfinityAutoplay = () => {
+        settingStore.setInfinitySpinsEnabled(true);
+        setAutoSpinsCount(infiniteAutoSpinCount);
+    };
     const { singleWinExceeds, balancedIncreased, balancedDecreased, howManyAutoSpinsLeft, infinitySpinsEnabled, setSingleWinExceeds, setBalancedIncreased, setBalancedDecreased, setAutoSpinsCount, resetAutoplaySettings } = settingStore;
     return (<div className="autoplay-settings">
             <CloseModalButton layerId={UI_ITEMS.autoplay}/>
@@ -23,9 +31,14 @@ export const AutoplaySettings = observer(() => {
                 <h2>{i18next.t("autoPlay")}</h2>
             </div>
             <div className="autoplay-settings__stop-limits">
-                {availableAutoSpinLimits.map((limiter, index) => (<button key={`${limiter}${index}`} value={limiter} className={`autoplay-settings__limit ${limiter === howManyAutoSpinsLeft ? "autoplay-settings__limit--active" : ""} middle ${infinitySpinsEnabled ? "autoplay-settings__limit--infinity" : ""}`} disabled={settingStore.infinitySpinsEnabled} onClick={(event) => updateLimitsBounds(Number(event.currentTarget.value))}>
+                {availableAutoSpinLimits.map((limiter, index) => (<button key={`${limiter}${index}`} value={limiter} className={`autoplay-settings__limit ${!infinitySpinsEnabled && limiter === howManyAutoSpinsLeft
+                ? "autoplay-settings__limit--active"
+                : ""} middle`} onClick={(event) => updateLimitsBounds(Number(event.currentTarget.value))}>
                         <p>{limiter}</p>
                     </button>))}
+                {infinityAutoplayEnabled && (<button value="infinity" className={`autoplay-settings__limit ${infinitySpinsEnabled ? "autoplay-settings__limit--active" : ""} right`} onClick={enableInfinityAutoplay}>
+                        <p>∞</p>
+                    </button>)}
             </div>
             <div className="separator"/>
             <div className="autoplay-settings__title">

package/dist/application/SoundManager/SoundManager.d.ts

@@ -16,6 +16,7 @@ export declare class SoundManagerInstance implements SpeedAdapterInterface<Sound
     readonly speedLevelMapper: SpeedLevelDirectory<SoundOverrides>;
     private musicCatalogue;
     private currentAmbientTrack;
+    private pausedSoundsForPageHide;
     constructor();
     /**
      * Function for loading sounds into pixi
@@ -37,7 +38,7 @@ export declare class SoundManagerInstance implements SpeedAdapterInterface<Sound
      * @returns {void}
      */
     stopPlayingFxSounds(): void;
-    stopSoundsForPageHide(): void;
+    pauseSoundsForPageHide(): void;
     /**
      * Function for resuming and pausing sound in game
      * @public
@@ -76,6 +77,12 @@ export declare class SoundManagerInstance implements SpeedAdapterInterface<Sound
      * @returns {void}
      */
     restoreAmbientPlayback(): void;
+    /**
+     * Restores sounds paused because of page visibility change.
+     * @public
+     * @returns {void}
+     */
+    restorePlaybackAfterPageHide(): void;
     /**
      * Function for pausing all sounds in game
      * If sound is not playing, it will be skipped

package/dist/application/SoundManager/SoundManager.js

@@ -31,6 +31,7 @@ export class SoundManagerInstance {
     };
     musicCatalogue = new Map();
     currentAmbientTrack = null;
+    pausedSoundsForPageHide = new Set();
     constructor() {
         this.overrides = this.speedLevelMapper.slow;
     }
@@ -94,19 +95,18 @@ export class SoundManagerInstance {
             sound.stop();
         }
     }
-    stopSoundsForPageHide() {
-        const music = this.getSound(SoundTracks.music);
-        const freeSpinsMusic = this.getSound(SoundTracks.freeSpinsMusic);
-        const isMusicPlaying = Boolean(music?.isPlaying && !music.paused);
-        const isFreeSpinsMusicPlaying = Boolean(freeSpinsMusic?.isPlaying && !freeSpinsMusic.paused);
-        if (isFreeSpinsMusicPlaying) {
-            this.currentAmbientTrack = SoundTracks.freeSpinsMusic;
-        }
-        else if (isMusicPlaying) {
-            this.currentAmbientTrack = SoundTracks.music;
-        }
-        this.stopAmbientMusic();
-        this.stopPlayingFxSounds();
+    pauseSoundsForPageHide() {
+        this.pausedSoundsForPageHide.clear();
+        this.musicCatalogue.forEach((sound, soundName) => {
+            if (!sound.isPlaying || sound.paused) {
+                return;
+            }
+            if (soundName === SoundTracks.freeSpinsMusic || soundName === SoundTracks.music) {
+                this.currentAmbientTrack = soundName;
+            }
+            this.pausedSoundsForPageHide.add(soundName);
+            sound.pause();
+        });
     }
     /**
      * Function for resuming and pausing sound in game
@@ -231,6 +231,32 @@ export class SoundManagerInstance {
             (RainMan.settingsStore.isFreeSpinsStarted ? SoundTracks.freeSpinsMusic : SoundTracks.music);
         this.play(ambientTrack);
     }
+    /**
+     * Restores sounds paused because of page visibility change.
+     * @public
+     * @returns {void}
+     */
+    restorePlaybackAfterPageHide() {
+        if (!RainMan.settingsStore.isSoundStarted) {
+            this.pausedSoundsForPageHide.clear();
+            return;
+        }
+        if (!this.pausedSoundsForPageHide.size) {
+            this.restoreAmbientPlayback();
+            return;
+        }
+        const pausedSounds = [...this.pausedSoundsForPageHide];
+        this.pausedSoundsForPageHide.clear();
+        pausedSounds.forEach((soundName) => {
+            if (this.isAmbientTrack(soundName) && !RainMan.settingsStore.shouldPlayAmbientMusic) {
+                return;
+            }
+            if (!this.isAmbientTrack(soundName) && !RainMan.settingsStore.shouldPlayFxSounds) {
+                return;
+            }
+            this.resume(soundName);
+        });
+    }
     /**
      * Function for pausing all sounds in game
      * If sound is not playing, it will be skipped
@@ -317,7 +343,7 @@ export class SoundManagerInstance {
         if (!isAudioContextRunning) {
             return false;
         }
-        this.restoreAmbientPlayback();
+        this.restorePlaybackAfterPageHide();
         return true;
     }
     /**

package/dist/components/AbstractMainContainer/AbstractMainContainer.js

@@ -563,6 +563,10 @@ export class AbstractMainContainer extends Container {
             this.messageBox.visible = true;
             RainMan.settingsStore.isGambleGameActive = false;
             this._controller.updateGambleValues(RainMan.settingsStore.gambleGameWin);
+            if (RainMan.settingsStore.gambleGameWin > 0) {
+                RainMan.settingsStore.useTakeAction?.();
+            }
+            RainMan.settingsStore.disableSpecialButtons();
             this.gambleGame = null;
         }
         this.hideOverlay();

package/dist/components/GambleGame/GambleGame.js

@@ -88,6 +88,8 @@ export class GambleGame extends Container {
         this.redButton.setOnClick(() => this.handleGamblePlay("red"));
         this.blackButton.setOnClick(() => this.handleGamblePlay("black"));
         this.collectButton.setOnClick(() => {
+            SoundManager.stop("cardDrawing");
+            SoundManager.play("music");
             RainMan.settingsStore.gambleGameWin = this.lastWinAmount;
             RainMan.componentRegistry.get(BUTTONS.gamble).flipDisabledFlag(true);
             SoundManager.play("cardCollect");
@@ -210,8 +212,10 @@ export class GambleGame extends Container {
             this.card.state.addAnimation(0, "idle", true, 0);
             await this.loseDoubleAndWinFields();
             window.setTimeout(() => {
+                SoundManager.stop("cardDrawing");
+                SoundManager.play("music");
                 this.closeGame();
-            }, 2000);
+            }, 500);
         }
     }
     /**

package/dist/components/messageBox/MessageBox.d.ts

@@ -34,6 +34,8 @@ export declare class MessageBox extends Container {
     private possibleWinShown;
     private incentiveMessageShown;
     private winLineIndicatorShown;
+    private winLineIndicatorXOffset;
+    private winLineIndicatorYOffset;
     constructor();
     /**
      * Updates the incentive text displayed in the message box.
@@ -84,6 +86,15 @@ export declare class MessageBox extends Container {
      * @returns {void}
      */
     hideWinLineIndicator(): void;
+    /**
+     * Sets the offset of the win line indicator along the x and y axes. Each time winLineIndicator is shown,
+     * the indicator is positioned at the current offset.
+     * @public
+     * @param {number} xOffset - The amount to move the win line indicator along the x-axis.
+     * @param {number} yOffset - The amount to move the win line indicator along the y-axis.
+     * @returns {void}
+     */
+    setWinWinLineIndicatorOffset(xOffset?: number, yOffset?: number): void;
     /**
      * Function for resizing message box
      * It sets the scale of the message box to the global minimum ratio.

package/dist/components/messageBox/MessageBox.js

@@ -39,6 +39,8 @@ export class MessageBox extends Container {
     possibleWinShown = false;
     incentiveMessageShown = false;
     winLineIndicatorShown = false;
+    winLineIndicatorXOffset = 0;
+    winLineIndicatorYOffset = 0;
     constructor() {
         super();
         this.name = MessageBox.registryName;
@@ -165,6 +167,18 @@ export class MessageBox extends Container {
             this.winLineIndicator = undefined;
         }
     }
+    /**
+     * Sets the offset of the win line indicator along the x and y axes. Each time winLineIndicator is shown,
+     * the indicator is positioned at the current offset.
+     * @public
+     * @param {number} xOffset - The amount to move the win line indicator along the x-axis.
+     * @param {number} yOffset - The amount to move the win line indicator along the y-axis.
+     * @returns {void}
+     */
+    setWinWinLineIndicatorOffset(xOffset, yOffset) {
+        this.winLineIndicatorXOffset += xOffset ?? 0;
+        this.winLineIndicatorYOffset += yOffset ?? 0;
+    }
     /**
      * Function for resizing message box
      * It sets the scale of the message box to the global minimum ratio.
@@ -334,6 +348,12 @@ export class MessageBox extends Container {
         };
         this.winLineIndicator = new WinLineIndicator(winLineTextStyle, getImageForSymbolId, message, symbolIds);
         this.winLineIndicator.y = 50;
+        if (this.winLineIndicatorXOffset) {
+            this.winLineIndicator.x = this.winLineIndicatorXOffset;
+        }
+        if (this.winLineIndicatorYOffset) {
+            this.winLineIndicator.y = this.winLineIndicatorYOffset;
+        }
         this.winLineIndicatorShown = true;
         this.centerTextOnX(this.winLineIndicator);
         this.addChild(this.winLineIndicator);

package/dist/connectivity/serverData.d.ts

@@ -74,6 +74,7 @@ export interface MiniGameInterface {
     };
     extra_data: ExtraData;
     win_amount: number;
+    round_win_amount: number;
     wins: Record<string, RawWin>;
     matrix: {
         height: number;

package/dist/controllers/AbstractController.js

@@ -311,6 +311,7 @@ export class AbstractController {
         if (RainMan.componentRegistry.has(BUTTONS.gamble)) {
             this.buttonsEventManager.initGambleButton(() => {
                 RainMan.settingsStore.isGambleGameAvailable = false;
+                SoundManager.stopAll();
                 this.mainContainer.invokeGambleGame();
             }, !RainMan.settingsStore.isGambleGameAvailable ||
                 RainMan.settingsStore.isPlayingAnyAction ||
@@ -841,6 +842,13 @@ export class AbstractController {
         this.uiController.totalNumberOfFreeSpins += this.getBoughtNumberOfFreeSpins();
         RainMan.componentRegistry.getIfExists(FreeSpinButton.registryName)?.setInteractivity(false);
         RainMan.settingsStore.setIsFreeSpinBought(false);
+        if (this.speedLevelBeforeFreeSpins === null) {
+            this.speedLevelBeforeFreeSpins = RainMan.settingsStore.currentSpeed;
+        }
+        RainMan.settingsStore.setIsTemporarySpeed(false);
+        RainMan.componentRegistry.setSpeedLevel(SPEED_LEVELS.slow);
+        this.uiController.updateShownSpeedLevel(SPEED_LEVELS.slow);
+        this.disableSpeedButton(false);
     }
     /**
      * This function is responsible for getting the number of free spins bought
@@ -903,6 +911,7 @@ export class AbstractController {
             logInfo("Take action can't be performed");
             return;
         }
+        this.shouldPlayNextSpin = false;
         if (this.currentlyPlayedAction !== undefined) {
             this.changeGamePhase(gamePhases.STOPPING_HANDLING_ACTIONS);
             this.stopPlayingSymbolsStreak();
@@ -913,7 +922,7 @@ export class AbstractController {
         if (takeData.status.code === 200) {
             RainMan.settingsStore.isTakeActionAvailable = false;
             logInfo(`💰 Round ${takeData.round_number} ended with balance:`, takeData.balance);
-            this.uiController.currentBalance = takeData.balance;
+            await this.uiController.animateCurrentBalance(takeData.balance);
         }
         else {
             RainMan.settingsStore.isTakeActionAvailable = true;
@@ -1219,7 +1228,9 @@ export class AbstractController {
         }
         await this.performActionsAfterSpin();
         this.freeSpinsWin = gambleWinAmount > 0 ? gambleWinAmount : null;
-        this.gambleGameEnabler(gambleWinAmount);
+        if (!RainMan.globals.isSuperBonusGameEnabled) {
+            this.gambleGameEnabler(gambleWinAmount);
+        }
         if (RainMan.settingsStore.isAutoplayEnabled ||
             (RainMan.settingsStore.howManyFreeSpinsLeft !== 0 && this.shouldAutoplayFreeSpins)) {
             this.handleAutoplayLogic();

package/dist/controllers/UiController.d.ts

@@ -189,6 +189,13 @@ export declare class UiController {
      * @returns {Promise<void>}
      */
     updateDisplayedBalance(amount: number): Promise<void>;
+    /**
+     * Function for animating current balance to a final value.
+     * @public
+     * @param {number} finalBalance - final balance to display
+     * @returns {Promise<void>}
+     */
+    animateCurrentBalance(finalBalance: number): Promise<void>;
     /**
      * Function for resetting win amount
      * @public

package/dist/controllers/UiController.js

@@ -282,6 +282,23 @@ export class UiController {
     async updateDisplayedBalance(amount) {
         this.promisesToSetBalances.push(RainMan.componentRegistry.get(COMPONENTS.creditText).update(amount));
     }
+    /**
+     * Function for animating current balance to a final value.
+     * @public
+     * @param {number} finalBalance - final balance to display
+     * @returns {Promise<void>}
+     */
+    async animateCurrentBalance(finalBalance) {
+        const balanceDiff = ceilToDecimal(finalBalance - this._currentBalance);
+        this._currentBalance = finalBalance;
+        if (balanceDiff === 0) {
+            this.setDisplayedBalance();
+            return;
+        }
+        const animationPromise = RainMan.componentRegistry.get(COMPONENTS.creditText).update(balanceDiff);
+        this.promisesToSetBalances.push(animationPromise);
+        await animationPromise;
+    }
     /**
      * Function for resetting win amount
      * @public

package/dist/loading/AbstractLoadingContainer.js

@@ -24,7 +24,7 @@ export class AbstractLoadingContainer extends Container {
         this.name = "loadingContainer";
         this.x = 0;
         this.y = 0;
-        this.loaderContainer = new SpriteLoadingContainer("./assets/images/materials/texture.png");
+        this.loaderContainer = new SpriteLoadingContainer("./assets/images/materials/texture.webp");
         this.presentationFinishedPromise = new Promise((resolve) => {
             this.resolvePresentationFinished = resolve;
         });

package/dist/stores/SettingsStore.d.ts

@@ -113,6 +113,12 @@ export declare class SettingsStore {
      * @returns {void}
      */
     disableSpecialButtons(): void;
+    /**
+     * Enables special buttons like gamble and take.
+     * @public
+     * @returns {void}
+     */
+    enableSpecialButtons(): void;
     /**
      * Swaps the bet change disabled flag.
      * @public
@@ -338,6 +344,13 @@ export declare class SettingsStore {
      * @returns {void}
      */
     setAutoSpinsCount(count: number): void;
+    /**
+     * Setter for the infinite autoplay flag
+     * @public
+     * @param {boolean} newState new state for infinite autoplay
+     * @returns {void}
+     */
+    setInfinitySpinsEnabled(newState: boolean): void;
     /**
      * Setter for the autoplay enabled flag
      * @public

package/dist/stores/SettingsStore.js

@@ -79,6 +79,7 @@ export class SettingsStore {
     initialAutoplaySettingsState = {
         onAnyWin: false,
         howManyAutoSpinsLeft: INITIAL_AUTO_SPIN_COUNT,
+        infinitySpinsEnabled: false,
         singleWinExceeds: 0,
         balancedIncreased: 0,
         balancedDecreased: 0,
@@ -185,6 +186,21 @@ export class SettingsStore {
             RainMan.componentRegistry.get(BUTTONS.take).flipDisabledFlag(true);
         }
     }
+    /**
+     * Enables special buttons like gamble and take.
+     * @public
+     * @returns {void}
+     */
+    enableSpecialButtons() {
+        if (RainMan.componentRegistry.has(BUTTONS.gamble)) {
+            RainMan.settingsStore.isGambleGameAvailable = true;
+            RainMan.componentRegistry.get(BUTTONS.gamble).flipDisabledFlag(false);
+        }
+        if (RainMan.componentRegistry.has(BUTTONS.take)) {
+            RainMan.settingsStore.isTakeActionAvailable = true;
+            RainMan.componentRegistry.get(BUTTONS.take).flipDisabledFlag(false);
+        }
+    }
     /**
      * Swaps the bet change disabled flag.
      * @public
@@ -576,6 +592,15 @@ export class SettingsStore {
     setAutoSpinsCount(count) {
         this.howManyAutoSpinsLeft = count;
     }
+    /**
+     * Setter for the infinite autoplay flag
+     * @public
+     * @param {boolean} newState new state for infinite autoplay
+     * @returns {void}
+     */
+    setInfinitySpinsEnabled(newState) {
+        this.infinitySpinsEnabled = newState;
+    }
     /**
      * Setter for the autoplay enabled flag
      * @public
@@ -713,6 +738,7 @@ export class SettingsStore {
     resetAutoplaySettings() {
         this.onAnyWin = this.initialAutoplaySettingsState.onAnyWin;
         this.howManyAutoSpinsLeft = this.initialAutoplaySettingsState.howManyAutoSpinsLeft;
+        this.infinitySpinsEnabled = this.initialAutoplaySettingsState.infinitySpinsEnabled;
         this.singleWinExceeds = this.initialAutoplaySettingsState.singleWinExceeds;
         this.balancedIncreased = this.initialAutoplaySettingsState.balancedIncreased;
         this.balancedDecreased = this.initialAutoplaySettingsState.balancedDecreased;

package/dist/utils/common/sound.js

@@ -24,7 +24,7 @@ const pauseAudio = () => {
     shouldResumeAudioOnInterruption = false;
     removeInterruptedAudioResumeListeners();
     if (RainMan.settingsStore.isSoundEnabled()) {
-        SoundManager.stopSoundsForPageHide();
+        SoundManager.pauseSoundsForPageHide();
     }
 };
 /**
@@ -84,6 +84,6 @@ export const loadSoundsOnTabChange = () => {
     sound.disableAutoPause = true;
     document.addEventListener("visibilitychange", handleVisibilityChange);
     window.addEventListener("pagehide", () => pauseAudio());
-    window.addEventListener("pageshow", () => interruptedAudioResume());
-    window.addEventListener("focus", () => interruptedAudioResume());
+    window.addEventListener("pageshow", () => resumeAudio());
+    window.addEventListener("focus", () => resumeAudio());
 };

package/dist/winComponents/TexturedText.d.ts

@@ -25,6 +25,8 @@ export declare class TexturedText extends UpdatableValueComponent {
      * @returns {void}
      */
     randomizeSet(value: number, _possibleValues: number[]): void;
+    adjustTextureSpriteLength(): void;
+    set(newValue: number): void;
     /**
      * Plays the animation for the text element
      * @public

package/dist/winComponents/TexturedText.js

@@ -18,6 +18,7 @@ export class TexturedText extends UpdatableValueComponent {
         this.registryName = registryName;
         this.valueTextComponent.style = { ...this.valueTextComponent.style, fontSize: 120, padding: 50 };
         this.valueTextComponent.anchor.set(0.5, 0.5);
+        this.updateFontSize();
         if (textureName) {
             this.textureSprite = new TilingSprite(getTexture(textureName), this.valueTextComponent.width, this.valueTextComponent.height);
             this.textureSprite.scale.set(1.1);
@@ -48,6 +49,17 @@ export class TexturedText extends UpdatableValueComponent {
         this.valueTextComponent.style.fontSize = -10 * new MoneyText(value).toString().length + this.baseFontSize;
         super.update(value, 1);
     }
+    adjustTextureSpriteLength() {
+        if (!this.textureSprite) {
+            return;
+        }
+        this.textureSprite.width = this.valueTextComponent.width;
+        this.textureSprite.height = this.valueTextComponent.height;
+    }
+    set(newValue) {
+        super.set(newValue);
+        this.adjustTextureSpriteLength();
+    }
     /**
      * Plays the animation for the text element
      * @public
@@ -89,5 +101,6 @@ export class TexturedText extends UpdatableValueComponent {
      */
     updateFontSize() {
         this.valueTextComponent.style.fontSize = -10 * super.value.length + this.baseFontSize;
+        this.adjustTextureSpriteLength();
     }
 }

package/package.json

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