pixi-rainman-game-engine 0.3.26 → 0.3.28

package/dist/components/AbstractIntroScreen/AbstractIntroScreen.d.ts

@@ -0,0 +1,75 @@
+import { Container, Sprite, Text, TextStyle, Texture } from "pixi.js";
+import { IntroLogo } from "../common";
+import { IntroContinueButton } from "./IntroContinueButton";
+import { IntroDotButton } from "./IntroDotButton";
+import { IntroPageData } from "./IntroPageData";
+/**
+ * Abstract intro screen shown between loading and gameplay.
+ * Each game subclasses this and provides assets + page definitions as properties.
+ * Properly named assets:
+ * - bg - `bg.png` and `bg-mobile.png`
+ * - introFrame - `intro-frame.png` and `intro-frame-mobile.png`
+ * - interactable - 'intro-continue-n.png`, `intro-continue-h.png`, `intro-continue-c.png' for continue button, "dot-off" states, "dot-on", "check-box", "checkbox-tick" and `dot-shadow.png` for dot shadow (optional)
+ * - logo - `intro-logo.png` and `intro-logo-mobile.png`
+ * - screens-mobile and screens-desktop - defined in pages property of the class extending AbstractIntroScreen
+ * @abstract
+ * @class AbstractIntroScreen
+ * @typedef {AbstractIntroScreen}
+ * @augments {Container}
+ */
+export declare abstract class AbstractIntroScreen extends Container {
+    static shouldSkip(): boolean;
+    protected abstract background: Sprite;
+    protected abstract backgroundPortrait: Sprite;
+    protected abstract checkboxLabelText: string;
+    protected abstract checkboxTextStyle: TextStyle;
+    protected abstract checkboxTextures: {
+        frame: Texture;
+        tick: Texture;
+    };
+    protected abstract logo: IntroLogo;
+    protected abstract pages: IntroPageData[];
+    protected abstract pageTextStyle: TextStyle;
+    protected checkboxLabel: Text;
+    protected checkboxSprite: Sprite;
+    protected checkboxTick: Sprite;
+    protected continueButton: IntroContinueButton;
+    protected dots: IntroDotButton[];
+    protected dotShadow?: Sprite;
+    protected frameImage: Sprite;
+    protected pageImage: Sprite;
+    protected pageText: Text;
+    private currentPage;
+    private isChecked;
+    private isAnimating;
+    private fadeTween?;
+    private readonly FADE_DURATION;
+    private readonly onContinueCallback;
+    private readonly resizeHandler;
+    protected constructor(onContinue: () => void);
+    init(): void;
+    resize(): void;
+    protected abstract positionContinueButton(): void;
+    protected abstract positionDots(): void;
+    protected abstract positionText(): void;
+    protected abstract positionCheckbox(): void;
+    protected abstract positionLogo(): void;
+    protected abstract getPageImageScale(): {
+        vertical: number;
+        horizontal: number;
+    };
+    protected abstract positionPageImage(): void;
+    protected showPage(index: number): void;
+    private updateFade;
+    private cleanup;
+    /**
+     * Resizes dot shadow width to match all dots and centers it on them.
+     * Call this in positionDots() after positioning the dots.
+     */
+    protected positionDotShadow(): void;
+    private createDotShadow;
+    private createDots;
+    private navigatePage;
+    private handleContinue;
+    private toggleCheckbox;
+}

package/dist/components/AbstractIntroScreen/AbstractIntroScreen.js

@@ -0,0 +1,227 @@
+import * as TWEEN from "@tweenjs/tween.js";
+import { Container, Sprite, Text, Texture, Ticker } from "pixi.js";
+import { UXLayer } from "../../layers";
+import { getFromLocalStorage, LOCAL_STORAGE, setToLocalStorage } from "../../localStorage";
+import { RainMan } from "../../Rainman";
+import { getDeviceOrientation, getTexture, getTextureSafely, scaleToParent } from "../../utils";
+import { IntroContinueButton } from "./IntroContinueButton";
+import { IntroDotButton } from "./IntroDotButton";
+/**
+ * Abstract intro screen shown between loading and gameplay.
+ * Each game subclasses this and provides assets + page definitions as properties.
+ * Properly named assets:
+ * - bg - `bg.png` and `bg-mobile.png`
+ * - introFrame - `intro-frame.png` and `intro-frame-mobile.png`
+ * - interactable - 'intro-continue-n.png`, `intro-continue-h.png`, `intro-continue-c.png' for continue button, "dot-off" states, "dot-on", "check-box", "checkbox-tick" and `dot-shadow.png` for dot shadow (optional)
+ * - logo - `intro-logo.png` and `intro-logo-mobile.png`
+ * - screens-mobile and screens-desktop - defined in pages property of the class extending AbstractIntroScreen
+ * @abstract
+ * @class AbstractIntroScreen
+ * @typedef {AbstractIntroScreen}
+ * @augments {Container}
+ */
+export class AbstractIntroScreen extends Container {
+    static shouldSkip() {
+        return getFromLocalStorage(LOCAL_STORAGE.introScreenHidden, false);
+    }
+    checkboxLabel;
+    checkboxSprite;
+    checkboxTick;
+    continueButton;
+    dots = [];
+    dotShadow;
+    frameImage;
+    pageImage;
+    pageText;
+    currentPage = 0;
+    isChecked = false;
+    isAnimating = false;
+    fadeTween;
+    FADE_DURATION = 200;
+    onContinueCallback;
+    resizeHandler = () => this.resize();
+    constructor(onContinue) {
+        super();
+        this.onContinueCallback = onContinue;
+        this.parentLayer = UXLayer;
+        this.eventMode = "static";
+    }
+    init() {
+        this.frameImage = new Sprite();
+        this.pageImage = new Sprite();
+        this.pageText = new Text("", this.pageTextStyle);
+        this.pageText.anchor.set(0.5);
+        this.continueButton = new IntroContinueButton();
+        this.continueButton.setOnClick(() => {
+            this.handleContinue();
+        });
+        this.createDots();
+        this.createDotShadow();
+        this.checkboxSprite = new Sprite(this.checkboxTextures.frame);
+        this.checkboxSprite.eventMode = "static";
+        this.checkboxSprite.cursor = "pointer";
+        this.checkboxSprite.anchor.set(0.5);
+        this.checkboxSprite.on("pointerdown", () => this.toggleCheckbox());
+        this.checkboxTick = new Sprite(this.checkboxTextures.tick);
+        this.checkboxTick.visible = false;
+        this.checkboxTick.eventMode = "static";
+        this.checkboxTick.cursor = "pointer";
+        this.checkboxTick.anchor.set(0.5);
+        this.checkboxTick.on("pointerdown", () => this.toggleCheckbox());
+        this.checkboxLabel = new Text(this.checkboxLabelText, this.checkboxTextStyle);
+        this.checkboxLabel.eventMode = "static";
+        this.checkboxLabel.cursor = "pointer";
+        this.checkboxLabel.anchor.set(0.5);
+        this.checkboxLabel.on("pointerdown", () => this.toggleCheckbox());
+        Ticker.shared.add(this.updateFade, this);
+        this.showPage(0);
+        RainMan.app.renderer.on("resize", this.resizeHandler);
+        this.resize();
+    }
+    resize() {
+        this.fadeTween?.stop();
+        this.fadeTween = undefined;
+        this.isAnimating = false;
+        const orientation = getDeviceOrientation();
+        const isPortrait = orientation === "mobile-portrait";
+        this.removeChildren();
+        const bg = isPortrait ? this.backgroundPortrait : this.background;
+        bg.width = RainMan.app.screen.width;
+        bg.height = RainMan.app.screen.height;
+        this.addChild(bg);
+        this.frameImage.texture = getTexture(isPortrait ? "intro-frame-mobile.png" : "intro-frame.png");
+        this.showPage(this.currentPage);
+        this.pageImage.alpha = 1;
+        this.pageText.alpha = 1;
+        const pageImageScale = this.getPageImageScale();
+        const dimensions = scaleToParent(this.pageImage.texture.width, this.pageImage.texture.height, RainMan.app.screen.width * pageImageScale.horizontal, RainMan.app.screen.height * pageImageScale.vertical);
+        this.pageImage.width = dimensions.width;
+        this.pageImage.height = dimensions.height;
+        const scale = this.pageImage.scale.x;
+        this.continueButton.scale.set(scale);
+        this.pageText.scale.set(scale);
+        this.checkboxSprite.scale.set(scale);
+        this.checkboxTick.scale.set(scale);
+        this.checkboxLabel.scale.set(scale);
+        this.dots.forEach((dot) => dot.scale.set(scale));
+        this.pageImage.x = RainMan.app.screen.width / 2 - this.pageImage.width / 2;
+        this.pageImage.y = RainMan.app.screen.height / 2 - this.pageImage.height / 2;
+        this.addChild(this.frameImage);
+        this.addChild(this.frameImage);
+        this.addChild(this.pageImage);
+        this.addChild(this.pageText);
+        this.addChild(this.continueButton);
+        this.addChild(this.checkboxSprite);
+        this.addChild(this.checkboxTick);
+        this.addChild(this.checkboxLabel);
+        if (this.dotShadow)
+            this.addChild(this.dotShadow);
+        this.dots.forEach((dot) => this.addChild(dot));
+        this.positionPageImage();
+        this.positionLogo();
+        this.positionDots();
+        this.positionCheckbox();
+        this.positionContinueButton();
+        this.positionText();
+        this.positionDotShadow();
+        this.frameImage.x = this.pageImage.x;
+        this.frameImage.y = this.pageImage.y;
+        this.frameImage.width = this.pageImage.width;
+        this.frameImage.height = this.pageImage.height;
+        this.frameImage.x = this.pageImage.x;
+        this.frameImage.y = this.pageImage.y;
+        this.frameImage.width = this.pageImage.width;
+        this.frameImage.height = this.pageImage.height;
+    }
+    showPage(index) {
+        if (index < 0 || index >= this.pages.length)
+            return;
+        this.currentPage = index;
+        const page = this.pages[index];
+        const isPortrait = getDeviceOrientation() === "mobile-portrait";
+        this.pageImage.texture = Texture.from(isPortrait ? page.imageMobile : page.imageDesktop);
+        this.pageText.text = page.text;
+        for (let i = 0; i < this.dots.length; i++) {
+            this.dots[i].setActive(i === index);
+        }
+    }
+    updateFade() {
+        this.fadeTween?.update();
+    }
+    cleanup() {
+        Ticker.shared.remove(this.updateFade, this);
+        RainMan.app.renderer.off("resize", this.resizeHandler);
+        this.destroy({ children: true });
+    }
+    /**
+     * Resizes dot shadow width to match all dots and centers it on them.
+     * Call this in positionDots() after positioning the dots.
+     */
+    positionDotShadow() {
+        if (!this.dotShadow || this.dots.length === 0)
+            return;
+        const firstDot = this.dots[0];
+        const lastDot = this.dots[this.dots.length - 1];
+        const dotsSpan = lastDot.x - firstDot.x;
+        this.dotShadow.scale.set(firstDot.scale.x);
+        this.dotShadow.width = dotsSpan + firstDot.width;
+        if (getDeviceOrientation().includes("mobile")) {
+            this.dotShadow.width = dotsSpan;
+        }
+        this.dotShadow.x = (firstDot.x + lastDot.x) / 2;
+        this.dotShadow.y = firstDot.y;
+    }
+    createDotShadow() {
+        const texture = getTextureSafely("dot-shadow.png");
+        if (!texture)
+            return;
+        this.dotShadow = new Sprite(texture);
+        this.dotShadow.anchor.set(0.5);
+    }
+    createDots() {
+        this.dots = [];
+        for (let i = 0; i < this.pages.length; i++) {
+            const dot = new IntroDotButton(i);
+            dot.setOnClick(() => this.navigatePage(i));
+            dot.setOnClick(() => this.navigatePage(i));
+            this.dots.push(dot);
+        }
+    }
+    navigatePage(index) {
+        if (this.isAnimating || index === this.currentPage)
+            return;
+        this.isAnimating = true;
+        this.fadeTween?.stop();
+        this.fadeTween = new TWEEN.Tween({ alpha: this.pageImage.alpha })
+            .to({ alpha: 0 }, this.FADE_DURATION)
+            .onUpdate((obj) => {
+            this.pageImage.alpha = obj.alpha;
+            this.pageText.alpha = obj.alpha;
+        })
+            .onComplete(() => {
+            this.showPage(index);
+            this.fadeTween = new TWEEN.Tween({ alpha: 0 })
+                .to({ alpha: 1 }, this.FADE_DURATION)
+                .onUpdate((obj) => {
+                this.pageImage.alpha = obj.alpha;
+                this.pageText.alpha = obj.alpha;
+            })
+                .onComplete(() => {
+                this.isAnimating = false;
+            })
+                .start();
+        })
+            .start();
+    }
+    handleContinue() {
+        if (this.isChecked) {
+            setToLocalStorage(LOCAL_STORAGE.introScreenHidden, true);
+        }
+        this.cleanup();
+        this.onContinueCallback();
+    }
+    toggleCheckbox() {
+        this.isChecked = !this.isChecked;
+        this.checkboxTick.visible = this.isChecked;
+    }
+}

package/dist/components/AbstractIntroScreen/IntroContinueButton.d.ts

@@ -0,0 +1,13 @@
+import { BaseButton } from "../buttons/BaseButton";
+/**
+ * Button for starting game after intro screen.
+ * It needs following textures:
+ * - normal - `intro-continue-n.png`
+ * - hover - `intro-continue-h.png`
+ * - clicked - `intro-continue-c.png`
+ * @augments {BaseButton}
+ */
+export declare class IntroContinueButton extends BaseButton {
+    static registryName: string;
+    constructor();
+}

package/dist/components/AbstractIntroScreen/IntroContinueButton.js

@@ -0,0 +1,22 @@
+import { getTexture } from "../../utils";
+import { BaseButton, ButtonStates } from "../buttons/BaseButton";
+/**
+ * Button for starting game after intro screen.
+ * It needs following textures:
+ * - normal - `intro-continue-n.png`
+ * - hover - `intro-continue-h.png`
+ * - clicked - `intro-continue-c.png`
+ * @augments {BaseButton}
+ */
+export class IntroContinueButton extends BaseButton {
+    static registryName = "introContinueButton";
+    constructor() {
+        const textureMap = {
+            [ButtonStates.NORMAL]: getTexture("intro-continue-n.png"),
+            [ButtonStates.OVER]: getTexture("intro-continue-h.png"),
+            [ButtonStates.CLICKED]: getTexture("intro-continue-c.png")
+        };
+        super(IntroContinueButton.registryName, textureMap);
+        this.cursor = "pointer";
+    }
+}

package/dist/components/AbstractIntroScreen/IntroDotButton.d.ts

@@ -0,0 +1,15 @@
+import { BaseButton } from "../buttons/BaseButton";
+/**
+ * Dot button for intro screen page navigation.
+ * Textures:
+ * - normal - `dot-off-n.png`
+ * - hover - `dot-off-h.png`
+ * - clicked - `dot-off-c.png`
+ * - active (current page) - `dot-on.png`
+ * @augments {BaseButton}
+ */
+export declare class IntroDotButton extends BaseButton {
+    static registryName: string;
+    constructor(index: number);
+    setActive(active: boolean): void;
+}

package/dist/components/AbstractIntroScreen/IntroDotButton.js

@@ -0,0 +1,30 @@
+import { getTexture } from "../../utils";
+import { BaseButton, ButtonStates } from "../buttons/BaseButton";
+/**
+ * Dot button for intro screen page navigation.
+ * Textures:
+ * - normal - `dot-off-n.png`
+ * - hover - `dot-off-h.png`
+ * - clicked - `dot-off-c.png`
+ * - active (current page) - `dot-on.png`
+ * @augments {BaseButton}
+ */
+export class IntroDotButton extends BaseButton {
+    static registryName = "introDotButton";
+    constructor(index) {
+        const textureMap = {
+            [ButtonStates.NORMAL]: getTexture("dot-off-n.png"),
+            [ButtonStates.OVER]: getTexture("dot-off-h.png"),
+            [ButtonStates.CLICKED]: getTexture("dot-off-c.png"),
+            [ButtonStates.ACTIVE]: getTexture("dot-on.png"),
+            [ButtonStates.ACTIVE_OVER]: getTexture("dot-on.png"),
+            [ButtonStates.ACTIVE_CLICKED]: getTexture("dot-on.png")
+        };
+        super(`${IntroDotButton.registryName}-${index}`, textureMap);
+        this.anchor.set(0.5);
+        this.cursor = "pointer";
+    }
+    setActive(active) {
+        this.activate(active);
+    }
+}

package/dist/components/AbstractIntroScreen/IntroPageData.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Data for a single page in the intro screen.
+ */
+export type IntroPageData = {
+    imageDesktop: string;
+    imageMobile: string;
+    text: string;
+};

package/dist/components/AbstractIntroScreen/IntroPageData.js

@@ -0,0 +1 @@
+export {};

package/dist/components/AbstractIntroScreen/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./AbstractIntroScreen";
+export * from "./IntroContinueButton";
+export * from "./IntroDotButton";
+export * from "./IntroPageData";

package/dist/components/AbstractIntroScreen/index.js

@@ -0,0 +1,4 @@
+export * from "./AbstractIntroScreen";
+export * from "./IntroContinueButton";
+export * from "./IntroDotButton";
+export * from "./IntroPageData";

package/dist/components/common/IntroLogo.d.ts

@@ -0,0 +1,16 @@
+import { Container } from "pixi.js";
+/**
+ * Static intro logo that switches between desktop and mobile sprites based on orientation.
+ * Uses "intro-logo" for PC/landscape and "intro-logo-mobile" for portrait.
+ * @class IntroLogo
+ * @augments {Container}
+ */
+export declare class IntroLogo extends Container {
+    private desktopTextureName;
+    private mobileTextureName;
+    private maxScale;
+    private desktopSprite;
+    private mobileSprite;
+    constructor(desktopTextureName: string, mobileTextureName: string, maxScale?: number);
+    resize(): void;
+}

package/dist/components/common/IntroLogo.js

@@ -0,0 +1,35 @@
+import { Container, Sprite } from "pixi.js";
+import { RainMan } from "../../Rainman";
+import { getDeviceOrientation, getTexture, globalMinRatio } from "../../utils";
+/**
+ * Static intro logo that switches between desktop and mobile sprites based on orientation.
+ * Uses "intro-logo" for PC/landscape and "intro-logo-mobile" for portrait.
+ * @class IntroLogo
+ * @augments {Container}
+ */
+export class IntroLogo extends Container {
+    desktopTextureName;
+    mobileTextureName;
+    maxScale;
+    desktopSprite;
+    mobileSprite;
+    constructor(desktopTextureName, mobileTextureName, maxScale = 1.5) {
+        super();
+        this.desktopTextureName = desktopTextureName;
+        this.mobileTextureName = mobileTextureName;
+        this.maxScale = maxScale;
+        this.desktopSprite = new Sprite(getTexture(this.desktopTextureName));
+        this.desktopSprite.anchor.set(0.5);
+        this.mobileSprite = new Sprite(getTexture(this.mobileTextureName));
+        this.mobileSprite.anchor.set(0.5);
+        this.addChild(this.desktopSprite, this.mobileSprite);
+        this.resize();
+    }
+    resize() {
+        const isPortrait = getDeviceOrientation() === "mobile-portrait";
+        this.desktopSprite.visible = !isPortrait;
+        this.mobileSprite.visible = isPortrait;
+        this.scale.set(Math.min(this.maxScale, globalMinRatio()));
+        this.x = RainMan.app.screen.width / 2;
+    }
+}

package/dist/components/common/index.d.ts

@@ -2,6 +2,7 @@ export * from "./AnimatedBackground";
 export * from "./AnimatedNumber";
 export * from "./Background";
 export * from "./FreeSpinButton";
+export * from "./IntroLogo";
 export * from "./Logo";
 export * from "./LogoStatic";
 export * from "./ResponsiveComponent";

package/dist/components/common/index.js

@@ -2,6 +2,7 @@ export * from "./AnimatedBackground";
 export * from "./AnimatedNumber";
 export * from "./Background";
 export * from "./FreeSpinButton";
+export * from "./IntroLogo";
 export * from "./Logo";
 export * from "./LogoStatic";
 export * from "./ResponsiveComponent";

package/dist/components/frame/AbstractColumnsContainer.js

@@ -93,6 +93,7 @@ export class AbstractColumnsContainer extends Container {
      */
     enableQuickReelsStop() {
         this.quickReelsStop = true;
+        RainMan.settingsStore.isQuickSpinsActive = true;
         RainMan.settingsStore.setIsTemporarySpeed(true);
         RainMan.componentRegistry.setTemporarySpeedLevel(SPEED_LEVELS.fast);
         this.skipScatterDelay?.();
@@ -109,6 +110,7 @@ export class AbstractColumnsContainer extends Container {
      */
     clearQuickReelsStop() {
         this.quickReelsStop = false;
+        RainMan.settingsStore.isQuickSpinsActive = false;
         RainMan.componentRegistry.revertTemporarySpeedLevel();
     }
     /**
@@ -138,7 +140,6 @@ export class AbstractColumnsContainer extends Container {
                     await Promise.all(configuredBlindSpinsActions.map(async (action) => await action()));
                     configuredBlindSpinsActions.length = 0;
                     SoundManager.play(SoundTracks.allRollStops);
-                    this.clearQuickReelsStop();
                     break;
                 }
                 const configureSpinAction = configuredBlindSpinsActions.shift();
@@ -149,14 +150,17 @@ export class AbstractColumnsContainer extends Container {
                         frame.invokeMysteryFx(this.currentColumn.x, this.currentColumn.y);
                         this.skipScatterDelay = configureSpinAction;
                         await this.currentColumn.speedUpForMysterySpin(100, 1500);
-                        if (!RainMan.settingsStore.isAutoplayEnabled ||
-                            (RainMan.settingsStore.isAutoplayEnabled && !this.quickReelsStop)) {
-                            setTimeout(() => {
-                                this.skipScatterDelay?.();
-                                this.skipScatterDelay = null;
-                            }, RainMan.config.durationOfActions.scatterDelayerTime);
+                        if (!this.quickReelsStop) {
+                            if (!RainMan.settingsStore.isAutoplayEnabled ||
+                                (RainMan.settingsStore.isAutoplayEnabled && !this.quickReelsStop)) {
+                                setTimeout(() => {
+                                    this.skipScatterDelay?.();
+                                    this.skipScatterDelay = null;
+                                }, RainMan.config.durationOfActions.scatterDelayerTime);
+                            }
                         }
                         await this.currentColumn.changeVelocity(Speed.STOP, RainMan.config.durationOfActions.scatterSpinningTime, frame);
+                        frame.destroyMysteryFx();
                     }
                     if (!indexesOfReelsToExtendSpinningTime.includes(index)) {
                         await configureSpinAction();

package/dist/components/frame/AbstractFrame.js

@@ -59,6 +59,8 @@ export class AbstractFrame extends ResumableContainer {
         if (this.mysteryFxHighlight) {
             SoundManager.pause(SoundTracks.mysteryFxLoop);
             this.removeChild(this.mysteryFxHighlight);
+            this.mysteryFxHighlight.destroy();
+            this.mysteryFxHighlight = null;
         }
         this.mysteryFxCoordinates = { x, y };
         const spineName = this.mysteryFxConfig.mobileSpineName && getDeviceOrientation() === "mobile-portrait"
@@ -71,8 +73,10 @@ export class AbstractFrame extends ResumableContainer {
         this.repositionMysteryFx(x, y);
         SoundManager.play(SoundTracks.mysteryFxLoop);
         this.mysteryFxHighlight.state.setAnimation(0, this.mysteryFxConfig.startAnimationName || this.mysteryFxConfig.loopAnimationName, false);
-        this.mysteryFxHighlight.state.addListener({
-            complete: () => this.mysteryFxHighlight?.state.setAnimation(0, this.mysteryFxConfig.loopAnimationName, true)
+        const spineInstance = this.mysteryFxHighlight;
+        const loopAnimationName = this.mysteryFxConfig.loopAnimationName;
+        spineInstance.state.addListener({
+            complete: () => spineInstance.state.setAnimation(0, loopAnimationName, true)
         });
         this.addChild(this.mysteryFxHighlight);
     }

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./AbstractFreeSpinContainer";
+export * from "./AbstractIntroScreen";
 export * from "./AbstractMainContainer";
 export * from "./buttons";
 export * from "./common";

package/dist/components/index.js

@@ -1,4 +1,5 @@
 export * from "./AbstractFreeSpinContainer";
+export * from "./AbstractIntroScreen";
 export * from "./AbstractMainContainer";
 export * from "./buttons";
 export * from "./common";

package/dist/components/symbols/AbstractSymbolsColumn.js

@@ -142,6 +142,10 @@ export class AbstractSymbolsColumn extends Container {
      * @returns {Promise<void>} promise that resolves when the speed change is complete
      */
     async changeVelocity(velocity, duration, frame) {
+        if (this.tween !== null) {
+            this.tween.stop();
+            this.tween = null;
+        }
         await new Promise((resolve) => {
             this.tween = new TWEEN.Tween({ velocity: velocity })
                 .onUpdate((value) => {
@@ -152,7 +156,7 @@ export class AbstractSymbolsColumn extends Container {
                 .start()
                 .onComplete(async () => {
                 this.tween = null;
-                if (frame) {
+                if (frame && !this.skipHidingMysteryFx) {
                     frame.hideMysteryFx();
                     frame.destroyMysteryFx();
                 }
@@ -161,7 +165,7 @@ export class AbstractSymbolsColumn extends Container {
             })
                 .onStop(async () => {
                 this.tween = null;
-                if (frame) {
+                if (frame && !this.skipHidingMysteryFx) {
                     frame.hideMysteryFx();
                     frame.destroyMysteryFx();
                 }

package/dist/controllers/AbstractController.d.ts

@@ -53,6 +53,9 @@ export declare abstract class AbstractController<T> {
     protected shouldDisableBetButtons: boolean;
     protected wasAutoplayEnabledBeforeFreeSpin: boolean;
     protected setSlowerSpeedForFreeSpins: boolean;
+    protected quickReelsCounter: number;
+    protected buttonPressed: boolean;
+    protected buttonHeldSince: number;
     shouldStopMobileSpin: boolean;
     disableMessageBoxChange: boolean;
     protected resolveBigWin?: () => void;

package/dist/controllers/AbstractController.js

@@ -53,6 +53,9 @@ export class AbstractController {
     shouldDisableBetButtons = false;
     wasAutoplayEnabledBeforeFreeSpin = false;
     setSlowerSpeedForFreeSpins = false;
+    quickReelsCounter = 0;
+    buttonPressed = false;
+    buttonHeldSince = 0;
     shouldStopMobileSpin = false;
     disableMessageBoxChange = false;
     resolveBigWin;
@@ -164,6 +167,13 @@ export class AbstractController {
         window.addEventListener("keydown", (keyboardEvent) => {
             if (keyboardEvent.code === "Space" || keyboardEvent.code === "Enter") {
                 keyboardEvent.preventDefault();
+                if (this.buttonHeldSince === 0) {
+                    this.buttonHeldSince = Date.now();
+                }
+                const buttonHold = Date.now() - this.buttonHeldSince;
+                if (buttonHold >= 500) {
+                    this.columnsContainer.enableQuickReelsStop();
+                }
                 if (RainMan.settingsStore.isGambleGameActive || RainMan.settingsStore.isSpeedModalShown) {
                     return;
                 }
@@ -174,6 +184,17 @@ export class AbstractController {
                 this.handleSpinLogic();
             }
         });
+        window.addEventListener("keyup", (keyboardEvent) => {
+            if (keyboardEvent.code === "Space" || keyboardEvent.code === "Enter") {
+                keyboardEvent.preventDefault();
+                this.buttonHeldSince = 0;
+                this.columnsContainer.clearQuickReelsStop();
+            }
+        });
+        window.addEventListener("blur", () => {
+            this.buttonHeldSince = 0;
+            this.columnsContainer.clearQuickReelsStop();
+        });
     }
     /**
      * This function sets up a listener for resize event
@@ -359,7 +380,7 @@ export class AbstractController {
         if (availableFreeSpins > 0) {
             this._lastWinAmount = this.initData.round_win_amount;
         }
-        if (spinLogic.winTotalAmount !== 0 && spinLogic.winTotalAmount) {
+        if (spinLogic.winTotalAmount !== 0 && spinLogic.winTotalAmount !== undefined) {
             this.uiController.recentWin = ceilToDecimal(spinLogic.winTotalAmount);
             this.uiController.totalFreeSpinWinAmount = this._lastWinAmount;
         }
@@ -407,6 +428,8 @@ export class AbstractController {
     initSpinButton() {
         const refreshButton = RainMan.componentRegistry.get(RefreshButton.registryName);
         this.clearMobileSpinTimeout = () => {
+            this.buttonHeldSince = 0;
+            this.columnsContainer.clearQuickReelsStop();
             if (this.mobileSpinTimeout) {
                 clearInterval(this.mobileSpinTimeout);
                 this.quickStopController.setQuickStopCounterLock(false);
@@ -450,25 +473,30 @@ export class AbstractController {
                 this.clearMobileSpinTimeout();
         });
         refreshButton.on("touchstart", () => {
-            this.mobileSpinDelay = setTimeout(() => {
-                this.mobileSpinTimeout = setInterval(() => {
-                    this.handleDisablingButtons(true);
-                    this.quickStopController.setQuickStopCounterLock(true);
-                    this.summaryStop = this.skipFreeSpinSummary ? false : this.invokeFreeSpinSummaryPlateAfterWin;
-                    if (this.invokeFreeSpinPlateAfterWin ||
-                        this.summaryStop ||
-                        this.shouldStopMobileSpin ||
-                        this.resolveBigWin !== undefined ||
-                        this.resolveSuperBonusWin !== undefined ||
-                        this.resolveMysteryWin !== undefined) {
-                        if (this.clearMobileSpinTimeout) {
-                            this.clearMobileSpinTimeout();
-                        }
-                        return;
+            if (this.buttonHeldSince === 0) {
+                this.buttonHeldSince = Date.now();
+            }
+            this.mobileSpinTimeout = setInterval(() => {
+                const buttonHold = Date.now() - this.buttonHeldSince;
+                if (buttonHold >= 500) {
+                    this.columnsContainer.enableQuickReelsStop();
+                }
+                this.handleDisablingButtons(true);
+                this.quickStopController.setQuickStopCounterLock(true);
+                this.summaryStop = this.skipFreeSpinSummary ? false : this.invokeFreeSpinSummaryPlateAfterWin;
+                if (this.invokeFreeSpinPlateAfterWin ||
+                    this.summaryStop ||
+                    this.shouldStopMobileSpin ||
+                    this.resolveBigWin !== undefined ||
+                    this.resolveSuperBonusWin !== undefined ||
+                    this.resolveMysteryWin !== undefined) {
+                    if (this.clearMobileSpinTimeout) {
+                        this.clearMobileSpinTimeout();
                     }
-                    this.handleSpinLogic();
-                }, RainMan.config.durationOfActions.mobileSpinTimeout);
-            }, 500);
+                    return;
+                }
+                this.handleSpinLogic();
+            }, RainMan.config.durationOfActions.mobileSpinTimeout);
         });
     }
     /**
@@ -672,7 +700,10 @@ export class AbstractController {
         this.handleDisablingButtons(true);
         RainMan.globals.shouldShowModals = false;
         RainMan.settingsStore.closeCurrentlyOpenModal?.();
-        this.columnsContainer.clearQuickReelsStop();
+        const realTime = Date.now() - this.buttonHeldSince;
+        if (realTime <= 500) {
+            this.columnsContainer.clearQuickReelsStop();
+        }
         if (this.mainContainer.freeSpinPlate) {
             if (this.mainContainer.freeSpinPlate.shownAt === null ||
                 performance.now() - this.mainContainer.freeSpinPlate.shownAt <
@@ -729,6 +760,7 @@ export class AbstractController {
      * @returns {void}
      */
     throttledSpin() {
+        this.quickReelsCounter += 1;
         this.columnsContainer.setInteractivityForSymbols(false);
         this.handleDisablingButtons(true);
         RainMan.globals.shouldShowModals = false;
@@ -762,10 +794,6 @@ export class AbstractController {
             this.mainContainer.destroyBigWin();
             this.changeGamePhase(gamePhases.IDLE);
         }
-        if (this.spinThrottlerTimeout !== null && !RainMan.settingsStore.isFreeSpinsPlayEnabled) {
-            this.columnsContainer.clearQuickReelsStop();
-            return;
-        }
         if (this.gamePhase === gamePhases.IDLE || this.gamePhase === gamePhases.HANDLING_ACTIONS) {
             this.spin();
         }
@@ -1025,7 +1053,6 @@ export class AbstractController {
         await this.onSpinningStart();
         hideVolumeModal();
         RainMan.settingsStore.disableSpecialButtons();
-        this.columnsContainer.clearQuickReelsStop();
         this.columnsContainer.blindSpin();
         this.clearAndDestroyActions();
         const { spinLogic } = await this.fetchAndPrepareSpinData();

package/dist/localStorage/localStorage.d.ts

@@ -9,6 +9,7 @@ export declare const LOCAL_STORAGE: {
     readonly isSoundEnabled: "isSoundEnabledLocalStorage";
     readonly isSoundFxEnabled: "isSoundFxEnabledLocalStorage";
     readonly isAmbientMusicEnabled: "isAmbientMusicEnabledLocalStorage";
+    readonly introScreenHidden: "introScreenHiddenLocalStorage";
 };
 /**
  * Type for local storage keys

package/dist/localStorage/localStorage.js

@@ -8,7 +8,8 @@ export const LOCAL_STORAGE = {
     volumeLevel: "volumeLevelLocalStorage",
     isSoundEnabled: "isSoundEnabledLocalStorage",
     isSoundFxEnabled: "isSoundFxEnabledLocalStorage",
-    isAmbientMusicEnabled: "isAmbientMusicEnabledLocalStorage"
+    isAmbientMusicEnabled: "isAmbientMusicEnabledLocalStorage",
+    introScreenHidden: "introScreenHiddenLocalStorage"
 };
 /**
  * Get a value from local storage

package/dist/stores/SettingsStore.d.ts

@@ -12,6 +12,7 @@ export declare class SettingsStore {
     static instance: SettingsStore | null;
     betChangeDisabled: boolean;
     disableKeyboardShortcuts: boolean;
+    isQuickSpinsActive: boolean;
     bet: number;
     betText: string;
     shouldPlayAmbientMusic: boolean;

package/dist/stores/SettingsStore.js

@@ -16,6 +16,7 @@ export class SettingsStore {
     static instance = null;
     betChangeDisabled = false;
     disableKeyboardShortcuts = false;
+    isQuickSpinsActive = false;
     bet = 0;
     betText = "";
     shouldPlayAmbientMusic = true;

package/package.json

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