pixi-rainman-game-engine 0.2.20 → 0.2.21

package/dist/application/ButtonsEventManager/ButtonsEventManager.js

@@ -232,6 +232,9 @@ export class ButtonsEventManager {
      */
     initAutoplayButtonEvent() {
         RainMan.componentRegistry.get(AutoplayButton.registryName).setOnClick(() => {
+            if (!RainMan.settingsStore.isModalsAvailable() || RainMan.settingsStore.isPlayingAnyAction) {
+                return;
+            }
             if (RainMan.settingsStore.isAutoplayEnabled) {
                 RainMan.settingsStore.resetAutoplaySettings();
                 RainMan.componentRegistry.get(MessageBox.registryName).hideAutoSpinText();
@@ -240,9 +243,6 @@ export class ButtonsEventManager {
                 RainMan.componentRegistry.get(BUTTONS.neg).flipDisabledFlag(false);
                 return;
             }
-            if (!RainMan.settingsStore.isModalsAvailable()) {
-                return;
-            }
             this.handleModalInvocation(UI_ITEMS.autoplay);
         });
     }
@@ -282,6 +282,8 @@ export class ButtonsEventManager {
         const confirmAutoplayButton = window.document.getElementById(COMPONENTS.autoSpinConfirm);
         if (confirmAutoplayButton !== null) {
             confirmAutoplayButton.addEventListener("click", () => {
+                if (RainMan.settingsStore.isPlayingAnyAction)
+                    return;
                 RainMan.settingsStore.handleModalInvocation?.(UI_ITEMS.autoplay);
                 confirmAutoplayButtonCallback();
                 wait(1).then(() => RainMan.settingsStore.decreaseAutoSpinsCount());

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

@@ -1,6 +1,6 @@
 import { Container, Sprite } from "pixi.js";
 import { Spine } from "pixi-spine";
-import { SymbolId } from "../../application";
+import { SpeedAdapterInterface, SpeedLevel, SymbolId } from "../../application";
 import { LoadersSpineData, Nullable } from "../../utils";
 /**
  * Class represents symbol which is displayed in columns
@@ -9,10 +9,11 @@ import { LoadersSpineData, Nullable } from "../../utils";
  * @typedef {AbstractSymbolBase}
  * @augments {Container}
  */
-export declare abstract class AbstractSymbolBase extends Container {
+export declare abstract class AbstractSymbolBase extends Container implements SpeedAdapterInterface<number> {
     private multiplierSpineName;
     symbolImage: Sprite;
     spine: Spine;
+    speedLevelMapper: import("../../application").SpeedLevelDirectory<number>;
     protected destroySuffix: string;
     protected animationSpeedMultiplier: number;
     private endOfMultiplierAnimationPromise;
@@ -22,6 +23,7 @@ export declare abstract class AbstractSymbolBase extends Container {
     protected abstract paytableIgnoredSymbols: SymbolId[];
     private _id;
     protected constructor(parent: Container, symbolId: SymbolId, multiplierSpineName?: Nullable<string>);
+    adaptToSpeed(speedLevel: SpeedLevel): void;
     get id(): SymbolId;
     setInteractiveFlag(flag: boolean): void;
     updateTimeScaleOfSpine(scale?: number): void;

package/dist/components/symbols/AbstractSymbolBase.js

@@ -15,6 +15,7 @@ export class AbstractSymbolBase extends Container {
     multiplierSpineName;
     symbolImage;
     spine;
+    speedLevelMapper = animationsSpeedLevels;
     destroySuffix = "destroy";
     animationSpeedMultiplier = defaultSpeedConfig.animationDefaultSpeedScale;
     endOfMultiplierAnimationPromise;
@@ -39,6 +40,9 @@ export class AbstractSymbolBase extends Container {
         this.hitArea = new Rectangle(-symbolRadius, -symbolRadius, 2 * symbolRadius, 2 * symbolRadius);
         this.setupClickListener();
     }
+    adaptToSpeed(speedLevel) {
+        this.updateTimeScaleOfSpine(this.speedLevelMapper[speedLevel]);
+    }
     get id() {
         return this._id;
     }
@@ -79,9 +83,7 @@ export class AbstractSymbolBase extends Container {
                 this.spine.scale.set(spineScale);
                 this.addChild(this.spine);
                 this.spine.state.addListener({
-                    complete: () => {
-                        resolve();
-                    },
+                    complete: () => resolve()
                 });
             });
         };
@@ -122,7 +124,7 @@ export class AbstractSymbolBase extends Container {
             symbolMultiplier.state.setAnimation(0, `x${multiplier}`, false);
             this.endOfMultiplierAnimationPromise = resolve;
             symbolMultiplier.state.addListener({
-                complete: () => resolve(),
+                complete: () => resolve()
             });
         });
         this.removeChild(symbolMultiplier);
@@ -136,7 +138,7 @@ export class AbstractSymbolBase extends Container {
             this.spine.state.timeScale = this.animationSpeedMultiplier;
             this.spine.state.setAnimation(0, animationName, false);
             this.spine.state.addListener({
-                complete: () => resolve(),
+                complete: () => resolve()
             });
         });
     }
@@ -157,7 +159,7 @@ export class AbstractSymbolBase extends Container {
             this.spine.state.timeScale = this.animationSpeedMultiplier;
             this.spine.state.setAnimation(0, animationName, false);
             this.spine.state.addListener({
-                complete: () => resolve(),
+                complete: () => resolve()
             });
         });
     }

package/dist/controllers/AbstractController.js

@@ -685,6 +685,7 @@ export class AbstractController {
         this.composeWinActionsQueue(spinLogic);
         if (spinLogic.winTotalAmount === 0 && this.invokeFreeSpinPlateAfterWin)
             this.uiController.messageBox.hideCurrentWinText();
+        RainMan.settingsStore.setIsPlayingAnyAction(true);
         await this.playWinActionQueue();
         await this.countBigWin();
         await this.handleLoopingWinActionQueue();
@@ -728,6 +729,7 @@ export class AbstractController {
             hideLayerIfPresent();
             await this.handleFreeSpinSummaryPlateInvocation();
         }
+        await this.performActionsAfterSpin();
         if (RainMan.settingsStore.isAutoplayEnabled) {
             this.handleAutoplayLogic();
         }
@@ -737,8 +739,8 @@ export class AbstractController {
             this.disableAutoplayButton(false);
         }
         RainMan.settingsStore.setModalsAvailability(true);
-        await this.performActionsAfterSpin();
         RainMan.globals.shouldShowModals = true;
+        RainMan.settingsStore.setIsPlayingAnyAction(false);
     }
     /**
      *  Function for invoking free spin plate, invoked in mainContainer
@@ -832,7 +834,7 @@ export class AbstractController {
             return;
         const amount = customAmount || this.uiController.recentWin;
         this.mainContainer.invokeBigWin();
-        const animationTimeDivider = RainMan.settingsStore.currentSpeed === SPEED_LEVELS.fast ? 3 : 1;
+        const animationTimeDivider = RainMan.settingsStore.currentSpeed === SPEED_LEVELS.fast ? 2 : 1;
         await RainMan.componentRegistry
             .get(COMPONENTS.bigWin)
             .update(amount, RainMan.config.durationOfActions.updatableTextCountingDuration / animationTimeDivider);

package/dist/stores/SettingsStore.d.ts

@@ -41,6 +41,7 @@ export declare class SettingsStore {
     popupPaytablePosition?: Point;
     popupPaytableData?: PaytableData[];
     currentSpeed: SpeedLevel;
+    isPlayingAnyAction: boolean;
     setSpeedPopupVisibility?: (visibility: "flex" | "none") => void;
     popupPaytableRepositionCallback?: () => void;
     updateVolumeButtonTexture?: () => void;
@@ -97,6 +98,7 @@ export declare class SettingsStore {
     resetDataForSymbolPaytablePopup(): void;
     setUpdateVolumeButtonTexture(fn: () => void): void;
     repositionSymbolPaytablePopup(x: number, y: number): void;
+    setIsPlayingAnyAction(flag: boolean): void;
     /**
      * Initialize paytable map for all symbols. based on backend data {@link InitDataInterface.paytable}
      * @param {InitDataInterface} initConfigData - initial data from backend

package/dist/stores/SettingsStore.js

@@ -47,6 +47,7 @@ export class SettingsStore {
     popupPaytablePosition;
     popupPaytableData;
     currentSpeed = "slow";
+    isPlayingAnyAction = false;
     setSpeedPopupVisibility;
     popupPaytableRepositionCallback;
     updateVolumeButtonTexture;
@@ -280,6 +281,9 @@ export class SettingsStore {
     repositionSymbolPaytablePopup(x, y) {
         this.popupPaytablePosition = { x, y };
     }
+    setIsPlayingAnyAction(flag) {
+        this.isPlayingAnyAction = flag;
+    }
     /**
      * Initialize paytable map for all symbols. based on backend data {@link InitDataInterface.paytable}
      * @param {InitDataInterface} initConfigData - initial data from backend

package/dist/winComponents/BaseWinContainer.d.ts

@@ -32,12 +32,15 @@ export declare class BaseWinContainer extends Container {
     spineScale: number;
     emitters: AnimableParticlesEmitter[];
     frame: PositioningFrame;
+    speedLevelMapper: import("../application").SpeedLevelDirectory<number>;
+    protected velocityMultiplier: number;
     plateSpineName?: string;
     animationSpineName?: string;
     plateSpineBgName?: string;
     isBgAnimated: boolean;
     constructor(config: BaseWinContainerConfig);
     setScale(scale: number): void;
+    adaptToSpeed(): void;
     fadeInTextComponent(duration?: number, delay?: number): void;
     positionTextElement(x?: number, y?: number, scale?: number): void;
     positionAnimationElement(x?: number, y?: number, scale?: number): void;

package/dist/winComponents/BaseWinContainer.js

@@ -1,6 +1,7 @@
 import * as TWEEN from "@tweenjs/tween.js";
 import { Container, TextStyle, Ticker } from "pixi.js";
 import { Spine } from "pixi-spine";
+import { animationsSpeedLevels, defaultSpeedConfig } from "../application";
 import { COMPONENTS } from "../components";
 import { UXLayer } from "../layers";
 import { RainMan } from "../Rainman";
@@ -14,6 +15,8 @@ export class BaseWinContainer extends Container {
     spineScale;
     emitters;
     frame;
+    speedLevelMapper = animationsSpeedLevels;
+    velocityMultiplier = defaultSpeedConfig.animationDefaultSpeedScale;
     plateSpineName;
     animationSpineName;
     plateSpineBgName;
@@ -60,6 +63,7 @@ export class BaseWinContainer extends Container {
         this.addChild(this.textComponent);
         this.addChild(this.plateSpine);
         this.resize();
+        this.adaptToSpeed();
         Ticker.shared.add(this.animateBox, this);
     }
     setScale(scale) {
@@ -68,11 +72,16 @@ export class BaseWinContainer extends Container {
         this.plateSpineBg.scale.set(scale);
         this.textComponent.scale.set(scale);
     }
+    adaptToSpeed() {
+        this.velocityMultiplier = this.speedLevelMapper[RainMan.settingsStore.currentSpeed];
+        this.plateSpine.state.timeScale = this.velocityMultiplier;
+        this.plateSpineBg.state.timeScale = this.velocityMultiplier;
+    }
     fadeInTextComponent(duration = 1000, delay = 0) {
         this.textComponent.alpha = 0;
         new TWEEN.Tween({ alpha: 0 })
             .to({ alpha: 1 }, duration)
-            .delay(delay)
+            .delay(delay / this.velocityMultiplier)
             .onUpdate((obj) => {
             this.textComponent.alpha = obj.alpha;
         })

package/dist/winComponents/BigWinContainer.d.ts

@@ -1,6 +1,6 @@
 import { COMPONENTS } from "../components";
 import { BaseWinContainer, BaseWinContainerConfig } from "./BaseWinContainer";
-type MysteryWinContainerConfig = Omit<BaseWinContainerConfig, "componentType"> & {
+type BigWinContainerConfig = Omit<BaseWinContainerConfig, "componentType"> & {
     componentType: typeof COMPONENTS.bigWin;
 };
 /**
@@ -10,6 +10,6 @@ type MysteryWinContainerConfig = Omit<BaseWinContainerConfig, "componentType"> &
  */
 export declare class BigWinContainer extends BaseWinContainer {
     static readonly name = "bigWinContainer";
-    constructor(config: MysteryWinContainerConfig);
+    constructor(config: BigWinContainerConfig);
 }
 export {};

package/dist/winComponents/BigWinContainer.js

@@ -8,5 +8,6 @@ export class BigWinContainer extends BaseWinContainer {
     static name = "bigWinContainer";
     constructor(config) {
         super(config);
+        this.plateSpine.visible = false;
     }
 }

package/dist/winComponents/TexturedText.js

@@ -22,6 +22,7 @@ export class TexturedText extends UpdatableValueComponent {
     }
     async update(newValue) {
         const time = this.registryName === "bigWinText" ? 0 : RainMan.config.durationOfActions.updatableTextCountingDuration;
+        this.valueTextComponent.style.fontSize = -10 * new MoneyText(newValue).toString().length + 190;
         await super.update(newValue, time);
     }
     randomizeSet(value, _possibleValues) {

package/dist/winComponents/winFactory.js

@@ -66,11 +66,8 @@ export const winFactoryV2 = ({ type, plateSpine: plateSpineSrc, plateSpineName,
         return new MysteryWinContainer({
             componentType: COMPONENTS.mysteryWin,
             plateSpineSrc,
-            plateSpineName,
             animationSpineSrc,
-            animationSpineName,
             plateSpineBgSrc,
-            plateSpineBgName,
             frame,
             text,
             spineScale,

package/package.json

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