pixi-rainman-game-engine 0.3.43-c → 0.3.44-beta

package/dist/ComponentRegistry/ComponentRegistry.js

@@ -49,7 +49,8 @@ export class ComponentRegistry {
         this.speedLevelHandler.setSpeed(newSpeedLevel);
         RainMan.settingsStore.setSpeedLevel(this.speedLevelHandler.currentSpeed);
         this.updateAllSpeedAdaptable(RainMan.settingsStore.currentSpeed);
-        this.get(SpeedControlButton.registryName).forceTextureUpdate();
+        this.getIfExists(SpeedControlButton.registryName)?.forceTextureUpdate();
+        this.getIfExists(SpeedControlButtonMobile.registryName)?.forceTextureUpdate();
     }
     /**
      * Setting the next available speed level

package/dist/DescribedPlayableAction/DescribedPlayableAction.d.ts

@@ -10,5 +10,8 @@ export declare class DescribedPlayableAction<T> {
     winAmount: Nullable<number>;
     skipLooping: boolean;
     isFirstStreak: boolean;
+    animationTarget: {
+        isCurrentAnimationPastProgressThreshold?: () => boolean;
+    } | null;
     constructor(type: T, action: PlayableAction, winAmount?: Nullable<number>, skipLooping?: boolean);
 }

package/dist/DescribedPlayableAction/DescribedPlayableAction.js

@@ -9,6 +9,7 @@ export class DescribedPlayableAction {
     winAmount;
     skipLooping;
     isFirstStreak = false;
+    animationTarget = null;
     constructor(type, action, winAmount = null, skipLooping = false) {
         this.type = type;
         this.action = action;

package/dist/application/ButtonsEventManager/ButtonsEventManager.d.ts

@@ -154,6 +154,7 @@ export declare class ButtonsEventManager {
      * @returns {void}
      */
     private handleModalInvocation;
+    private closeAllModals;
     /**
      * Function for closing all other modals except the one with given name
      * @param {string} activeLayerName - name of the layer that should remain open

package/dist/application/ButtonsEventManager/ButtonsEventManager.js

@@ -62,6 +62,7 @@ export class ButtonsEventManager {
         RainMan.settingsStore.handleModalInvocation = this.handleModalInvocation.bind(this);
         RainMan.settingsStore.enableButtons = this.enableButtons.bind(this);
         RainMan.settingsStore.closeOtherModals = this.closeOtherModals.bind(this);
+        RainMan.settingsStore.closeAllModals = this.closeAllModals.bind(this);
         RainMan.settingsStore.closeCurrentlyOpenModal = this.closeCurrentlyOpenModal.bind(this);
     }
     /**
@@ -359,6 +360,14 @@ export class ButtonsEventManager {
             }
         }
     }
+    closeAllModals() {
+        for (const itemId of allUiItems) {
+            const layer = window.document.getElementById(itemId);
+            if (layer !== null && layer.style.display === "flex") {
+                layer.style.display = "none";
+            }
+        }
+    }
     /**
      * Function for closing all other modals except the one with given name
      * @param {string} activeLayerName - name of the layer that should remain open

package/dist/components/AbstractMainContainer/AbstractMainContainer.d.ts

@@ -320,6 +320,7 @@ export declare abstract class AbstractMainContainer extends Container {
      * @returns {Promise<void>} - A promise that resolves when the gamble game is finished.
      */
     invokeGambleGame(): Promise<void>;
+    private destroyDisplayContainer;
     /**
      * Function for creating the under frame panel.
      * This panel is used in mobile portrait mode to display additional information.

package/dist/components/AbstractMainContainer/AbstractMainContainer.js

@@ -243,7 +243,7 @@ export class AbstractMainContainer extends Container {
             await this._freeSpinPlate.onStart();
         });
         if (this._freeSpinPlate !== null) {
-            this.removeChild(this._freeSpinPlate);
+            this.destroyDisplayContainer(this._freeSpinPlate);
             this._freeSpinPlate = null;
         }
         this.hideOverlay();
@@ -252,6 +252,7 @@ export class AbstractMainContainer extends Container {
     invokeBuyFreeSpinPlate() {
         const refreshButton = RainMan.componentRegistry.get(RefreshButton.registryName);
         refreshButton.flipDisabledFlag(true);
+        RainMan.settingsStore.closeAllModals?.();
         this._buyFreeSpinsPlate = this.createBuyFreeSpinPlate();
         if (!this._buyFreeSpinsPlate) {
             refreshButton.flipDisabledFlag(false);
@@ -303,7 +304,7 @@ export class AbstractMainContainer extends Container {
             this.addChild(this._freeSpinSummary);
         });
         if (this._freeSpinSummary !== null) {
-            this.removeChild(this._freeSpinSummary);
+            this.destroyDisplayContainer(this._freeSpinSummary);
             this._freeSpinSummary = null;
         }
         this.hideOverlay();
@@ -320,7 +321,7 @@ export class AbstractMainContainer extends Container {
             return;
         }
         this.freeSpinSummary.onClick();
-        this.removeChild(this.freeSpinSummary);
+        this.destroyDisplayContainer(this.freeSpinSummary);
         this._freeSpinSummary = null;
         this.hideOverlay();
     }
@@ -570,7 +571,7 @@ export class AbstractMainContainer extends Container {
             this.addChild(this.gambleGame);
         });
         if (this.gambleGame) {
-            this.removeChild(this.gambleGame);
+            this.destroyDisplayContainer(this.gambleGame);
             this.messageBox.visible = true;
             RainMan.settingsStore.isGambleGameActive = false;
             this._controller.updateGambleValues(RainMan.settingsStore.gambleGameWin);
@@ -582,6 +583,15 @@ export class AbstractMainContainer extends Container {
         }
         this.hideOverlay();
     }
+    destroyDisplayContainer(container) {
+        if (container.destroyed) {
+            return;
+        }
+        if (container.parent) {
+            container.parent.removeChild(container);
+        }
+        container.destroy({ children: true });
+    }
     /**
      * Function for creating the under frame panel.
      * This panel is used in mobile portrait mode to display additional information.

package/dist/components/buttons/buttonGroups/MiddleButtons.js

@@ -108,13 +108,13 @@ export class MiddleButtons extends ResponsiveContainer {
         }
         if (this.landscape) {
             this.betButton.x = width / 2;
-            this.betButton.y = -20;
+            this.betButton.y = -25;
             this.autoplayButton.x = width / 2;
-            this.autoplayButton.y = height + 30;
+            this.autoplayButton.y = height + 35;
         }
         else {
             this.autoplayButton.x = -width;
-            this.autoplayButton.y = 50;
+            this.autoplayButton.y = 0;
             this.betButton.x = width;
             this.betButton.y = height;
         }

package/dist/components/common/AnimatedNumber.js

@@ -68,7 +68,16 @@ export class AnimatedNumber extends Container {
      * @returns {void}
      */
     removeDigits() {
-        this.digits.forEach((digit) => this.removeChild(digit));
+        this.digits.forEach((digit) => {
+            if (digit.destroyed) {
+                return;
+            }
+            digit.state.clearListeners();
+            if (digit.parent) {
+                digit.parent.removeChild(digit);
+            }
+            digit.destroy({ children: true });
+        });
         this.digits = [];
     }
     /**

package/dist/components/symbols/AbstractSymbolBase.d.ts

@@ -91,6 +91,7 @@ export declare abstract class AbstractSymbolBase extends Container implements Sp
      * @returns {Promise<void>}
      */
     handleMultiplierAnimation(multiplier: number): Promise<void>;
+    private destroySpine;
     /**
      * Function for playing the symbol animation
      * @public
@@ -98,6 +99,7 @@ export declare abstract class AbstractSymbolBase extends Container implements Sp
      * @returns {Promise<void>} - A promise that resolves when the animation is complete
      */
     play(suffix?: string): Promise<void>;
+    isCurrentAnimationPastProgressThreshold(): boolean;
     /**
      * Function for stopping the symbol animation.
      * @public

package/dist/components/symbols/AbstractSymbolBase.js

@@ -31,10 +31,10 @@ export class AbstractSymbolBase extends Container {
         this._id = symbolId;
         this.spine = new Spine(this.getResourceForSymbolId(this._id));
         this.spine.parentLayer = AnimationLayer;
-        this.symbolImage = new Sprite(getTexture(this.getImage(this._id)));
-        this.setSymbol(symbolId);
         this.spine.x = 0;
         this.spine.y = 0;
+        this.symbolImage = new Sprite(getTexture(this.getImage(this._id)));
+        this.setSymbol(symbolId);
         this.eventMode = "static";
         const symbolRadius = 150;
         this.hitArea = new Rectangle(-symbolRadius, -symbolRadius, 2 * symbolRadius, 2 * symbolRadius);
@@ -109,6 +109,7 @@ export class AbstractSymbolBase extends Container {
         return () => {
             this.swapSymbol(symbolId);
             return new Promise((resolve) => {
+                this.destroySpine(this.spine);
                 this.spine = new Spine(getSpineData(specialResourceName));
                 this.endOfSwapAnimationPromise = resolve;
                 switch (this.animationSpeedMultiplier) {
@@ -143,10 +144,11 @@ export class AbstractSymbolBase extends Container {
      */
     switchSymbolBaseDisplayedObject(option, suffix = "") {
         if (option === "spine") {
-            this.removeChild(this.spine);
-            this.spine.x = this.symbolImage.x;
-            this.spine.y = this.symbolImage.y;
+            const { x, y } = this.symbolImage;
+            this.destroySpine(this.spine);
             this.spine = new Spine(this.getResourceForSymbolId(this._id));
+            this.spine.x = x;
+            this.spine.y = y;
             const animationName = this.getAnimationNameForSymbol(this._id, suffix);
             this.spine.parentLayer = AnimationLayer;
             this.spine.state.setAnimation(0, animationName, false);
@@ -156,14 +158,15 @@ export class AbstractSymbolBase extends Container {
             this.removeChild(this.symbolImage);
             return;
         }
+        const { x, y } = this.symbolImage;
         this.removeChild(this.symbolImage);
         this.symbolImage.destroy({ children: true });
         this.symbolImage = new Sprite(getTexture(this.getImage(this._id, suffix)));
         this.symbolImage.anchor.set(0.5, 0.5);
-        this.symbolImage.x = this.spine.x;
-        this.symbolImage.y = this.spine.y;
+        this.symbolImage.x = this.spine.destroyed ? x : this.spine.x;
+        this.symbolImage.y = this.spine.destroyed ? y : this.spine.y;
         this.addChild(this.symbolImage);
-        this.removeChild(this.spine);
+        this.destroySpine(this.spine);
         return;
     }
     /**
@@ -182,6 +185,7 @@ export class AbstractSymbolBase extends Container {
         }
         else {
             logError(`$ Multiplier animation 'x${multiplier}' does not exist for symbol ID: ${this._id}`);
+            symbolMultiplier.destroy({ children: true });
             return;
         }
         this.addChild(symbolMultiplier);
@@ -194,6 +198,17 @@ export class AbstractSymbolBase extends Container {
             });
         });
         this.removeChild(symbolMultiplier);
+        symbolMultiplier.destroy({ children: true });
+    }
+    destroySpine(spine) {
+        if (spine.destroyed) {
+            return;
+        }
+        spine.state.clearListeners();
+        if (spine.parent) {
+            spine.parent.removeChild(spine);
+        }
+        spine.destroy({ children: true });
     }
     /**
      * Function for playing the symbol animation
@@ -214,6 +229,18 @@ export class AbstractSymbolBase extends Container {
             });
         });
     }
+    isCurrentAnimationPastProgressThreshold() {
+        const entry = this.spine.state.tracks[0];
+        if (!entry) {
+            return false;
+        }
+        const trackTime = entry.trackTime ?? 0;
+        const animationEnd = entry.animationEnd ?? 0;
+        if (animationEnd <= 0) {
+            return false;
+        }
+        return trackTime >= animationEnd / 3;
+    }
     /**
      * Function for stopping the symbol animation.
      * @public

package/dist/controllers/AbstractController.d.ts

@@ -57,6 +57,9 @@ export declare abstract class AbstractController<T> {
     shouldStopMobileSpin: boolean;
     disableMessageBoxChange: boolean;
     shouldClearQuickReelsStopAfterSpin: boolean;
+    protected firstAnimationTarget: {
+        isCurrentAnimationPastProgressThreshold?: () => boolean;
+    } | null;
     freeSpinsWin: Nullable<number>;
     protected resolveBigWin?: () => void;
     protected resolveMysteryWin?: () => void;

package/dist/controllers/AbstractController.js

@@ -57,6 +57,7 @@ export class AbstractController {
     shouldStopMobileSpin = false;
     disableMessageBoxChange = false;
     shouldClearQuickReelsStopAfterSpin = false;
+    firstAnimationTarget = null;
     freeSpinsWin = null;
     resolveBigWin;
     resolveMysteryWin;
@@ -769,7 +770,7 @@ export class AbstractController {
             return;
         }
         if (this.gamePhase === gamePhases.HANDLING_ACTIONS) {
-            this.shouldPlayNextSpin = true;
+            this.shouldPlayNextSpin = !RainMan.settingsStore.isFreeSpinsPlayEnabled;
         }
         if (this.mainContainer.mysteryWinVisibleFor) {
             RainMan.componentRegistry.get(COMPONENTS.mysteryWin).stopUpdate();
@@ -916,7 +917,7 @@ export class AbstractController {
     async useTakeAction() {
         if (!RainMan.settingsStore.isTakeActionAvailable ||
             RainMan.settingsStore.roundNumber === 0 ||
-            this._lastWinAmount === 0) {
+            (this._lastWinAmount === 0 && !RainMan.settingsStore.isAfterFreeSpinsSummary)) {
             logInfo("Take action can't be performed");
             return;
         }
@@ -1168,6 +1169,8 @@ export class AbstractController {
             this.uiController.limitWinAmount(spinLogic.winTotalAmount);
         }
         this.composeWinActionsQueue(spinLogic);
+        this.firstAnimationTarget =
+            this.winActionsQueue.find((action) => action.animationTarget)?.animationTarget ?? null;
         if (spinLogic.winTotalAmount === 0 && this.invokeFreeSpinPlateAfterWin) {
             this.uiController.messageBox.hideCurrentWinText();
         }
@@ -1321,6 +1324,8 @@ export class AbstractController {
      * @returns {Promise<void>} - promise that resolves when free spin plate is invoked
      */
     async handleFreeSpinPlateInvocation(numberOfFreeSpins, isAdditionalFreeSpin = false) {
+        RainMan.componentRegistry.getIfExists(SpeedControlButtonMobile.registryName)?.flipDisabledFlag(true);
+        RainMan.componentRegistry.getIfExists(SpeedControlButton.registryName)?.flipDisabledFlag(true);
         await this.buttonsEventManager.disableButtonsForAction(async () => {
             await this.mainContainer.invokeFreeSpinPlate(numberOfFreeSpins ?? RainMan.settingsStore.totalNumberOfFreeSpins, isAdditionalFreeSpin);
         });
@@ -1337,9 +1342,12 @@ export class AbstractController {
      * @returns {Promise<void>} - promise that resolves when free spin summary plate is invoked
      */
     async handleFreeSpinSummaryPlateInvocation() {
+        this.shouldPlayNextSpin = false;
         await this.buttonsEventManager.disableButtonsForAction(async () => {
             this.uiController.messageBox.hideFreeSpinText();
             this.uiController.messageBox.hideCurrentWinText();
+            RainMan.componentRegistry.getIfExists(SpeedControlButtonMobile.registryName)?.flipDisabledFlag(true);
+            RainMan.componentRegistry.getIfExists(SpeedControlButton.registryName)?.flipDisabledFlag(true);
             await this.mainContainer.invokeFreeSpinSummary(this.uiController.totalNumberOfFreeSpins, this.uiController.totalFreeSpinWinAmount);
             this.uiController.totalNumberOfFreeSpins = 0;
             this.uiController.resetTotalFreeSpinWinAmount();

package/dist/stores/SettingsStore.d.ts

@@ -63,6 +63,7 @@ export declare class SettingsStore {
     updateVolumeButtonTexture?: () => void;
     handleModalInvocation?: (layerId: string) => void;
     closeOtherModals?: (layerId: string) => void;
+    closeAllModals?: () => void;
     closeCurrentlyOpenModal?: () => void;
     handleInvokeFreeSpinPlate?: (freeSpinAmount: number, isAdditionalFreeSpin: boolean) => Promise<void>;
     handleBuyFreeSpinPopupActivation?: () => void;

package/dist/stores/SettingsStore.js

@@ -69,6 +69,7 @@ export class SettingsStore {
     updateVolumeButtonTexture;
     handleModalInvocation;
     closeOtherModals;
+    closeAllModals;
     closeCurrentlyOpenModal;
     handleInvokeFreeSpinPlate;
     handleBuyFreeSpinPopupActivation;

package/package.json

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