pixi-rainman-game-engine 0.1.2 → 0.1.4

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

@@ -1,4 +1,4 @@
-import "./uxsettings.css";
+import "./UXSettings.css";
 import React from "react";
 export declare const UXSettings: (() => React.JSX.Element) & {
     displayName: string;

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

@@ -1,4 +1,4 @@
-import "./uxsettings.css";
+import "./UXSettings.css";
 import { observer } from "mobx-react-lite";
 import React from "react";
 import { useStores } from "../../hooks";

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

@@ -8,7 +8,7 @@ import { useStores } from "../../hooks";
 const handleStyle = { width: "7px", height: "24px", bottom: "-6px", borderRadius: "4px" };
 const onChange = (newVolumeLevel) => {
     RainMan.settingsStore.setVolumeLevel(newVolumeLevel);
-    RainMan.settingsStore.setIsSoundEnabled(newVolumeLevel > 0 && !RainMan.settingsStore.isSoundEnabled);
+    RainMan.settingsStore.setIsSoundEnabled(newVolumeLevel > 0);
 };
 export const VolumeSettings = observer(() => {
     const { settingStore } = useStores();

package/dist/application/ButtonsEventManager/ButtonsEventManager.js

@@ -110,8 +110,9 @@ export class ButtonsEventManager {
             ?.setOnClick(() => this.handleModalInvocation(UI_ITEMS.freeSpin));
     }
     initVolumeButtonEvent() {
+        RainMan.settingsStore.setUpdateVolumeButtonTexture(() => RainMan.componentRegistry.get(VolumeButton.registryName).changeTextureDependOnVolume());
         RainMan.componentRegistry.get(VolumeButton.registryName).setOnClick(() => {
-            RainMan.settingsStore.setIsSoundEnabled(RainMan.settingsStore.volumeLevel > 0 && !RainMan.settingsStore.isSoundEnabled);
+            RainMan.settingsStore.setIsSoundEnabled(!RainMan.settingsStore.isSoundEnabled);
             RainMan.componentRegistry.get(VolumeButton.registryName).changeTextureDependOnVolume();
             this.handleModalInvocation(UI_ITEMS.volume);
         });

package/dist/components/buttons/default/VolumeButton.js

@@ -16,13 +16,13 @@ export class VolumeButton extends BaseButton {
             [ButtonStates.OVER]: getTexture("mute-h.png"),
             [ButtonStates.CLICKED]: getTexture("mute-c.png"),
         };
-        const isSoundEnabled = RainMan.settingsStore.volumeLevel > 0 && RainMan.settingsStore.isSoundEnabled;
+        const isSoundEnabled = RainMan.settingsStore.isSoundEnabled;
         super(VolumeButton.registryName, isSoundEnabled ? normalTextureMap : muteTextureMap);
         this.normalTextureMap = normalTextureMap;
         this.muteTextureMap = muteTextureMap;
     }
     changeTextureDependOnVolume() {
-        if (RainMan.settingsStore.volumeLevel > 0 && RainMan.settingsStore.isSoundEnabled) {
+        if (RainMan.settingsStore.isSoundEnabled) {
             this.texture = this.normalTextureMap.NORMAL;
             this.textures = this.normalTextureMap;
         }

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

@@ -4,7 +4,7 @@ import { DropTransformationDetails, SymbolReel } from "../../connectivity";
 import { AbstractColumnsContainer, AbstractFrame } from "../frame";
 import { AbstractSymbolBase } from "./AbstractSymbolBase";
 export declare abstract class AbstractSymbolsColumn extends Container implements SpeedAdapterInterface<number> {
-    private columnsContainer;
+    protected columnsContainer: AbstractColumnsContainer;
     protected allSymbols: SymbolId[];
     spinning: boolean;
     speedLevelMapper: import("../../application").SpeedLevelDirectory<number>;
@@ -29,6 +29,7 @@ export declare abstract class AbstractSymbolsColumn extends Container implements
     private spinEndPromise;
     protected abstract symbolTopOffset: number;
     skipHidingMysteryFx: boolean;
+    protected abstract bonusSymbol: SymbolId;
     private readonly _id;
     protected constructor(id: string, columnsContainer: AbstractColumnsContainer, allSymbols: SymbolId[]);
     protected abstract get tileHeight(): number;
@@ -51,7 +52,7 @@ export declare abstract class AbstractSymbolsColumn extends Container implements
     handleMultipleSymbolDropping(transformations: DropTransformationDetails[], skipAnimation?: boolean): Promise<void>;
     private changePhase;
     private moveToTop;
-    protected abstract shouldPlaySpecialRollStopSound(): boolean;
+    protected shouldPlaySpecialRollStopSound(): boolean;
     handleStopping(): void;
     protected abstract createNewSymbol(): AbstractSymbolBase;
     private initSymbolSprites;

package/dist/components/symbols/AbstractSymbolsColumn.js

@@ -289,12 +289,25 @@ export class AbstractSymbolsColumn extends Container {
         this.ensureTopOffset();
         this.swapSymbolFace(symbol);
     }
+    shouldPlaySpecialRollStopSound() {
+        for (let i = 0; i <= RainMan.config.numberOfColumns; i++) {
+            const currentColumn = this.columnsContainer.getColumnAtPosition(i);
+            const hasBonus = !!currentColumn.symbols
+                .toSpliced(RainMan.config.numberOfRows, 1)
+                .find((symbol) => symbol.id === this.bonusSymbol);
+            if (hasBonus && currentColumn === this)
+                return true;
+            if (!hasBonus)
+                return false;
+        }
+        return false;
+    }
     handleStopping() {
         if (!this.topMostSymbol || this.phase === Phase.END)
             return;
         if (this.topMostSymbol.y >= this.tileHeight / 2) {
             if (!this.columnsContainer.quickReelsStop && RainMan.settingsStore.currentSpeed !== SPEED_LEVELS.fast)
-                SoundManager.play(this.shouldPlaySpecialRollStopSound() ? SoundTracks.rollStop : SoundTracks.rollStop);
+                SoundManager.play(this.shouldPlaySpecialRollStopSound() ? SoundTracks.bonus : SoundTracks.rollStop);
             this.fixStationaryPositions();
             this.doStop();
             return;

package/dist/stores/SettingsStore.d.ts

@@ -33,6 +33,7 @@ export declare class SettingsStore {
     popupPaytableData?: PaytableData[];
     currentSpeed: SpeedLevel;
     popupPaytableRepositionCallback?: () => void;
+    updateVolumeButtonTexture?: () => void;
     private readonly initialAutoplaySettingsState;
     private modalsAvailable;
     private paytableMap;
@@ -55,6 +56,7 @@ export declare class SettingsStore {
     setBalancedDecreased(newValue: number): void;
     setDataForSymbolPaytablePopup(symbolId: SymbolId, repositionCallback: () => void): void;
     resetDataForSymbolPaytablePopup(): void;
+    setUpdateVolumeButtonTexture(fn: () => void): void;
     repositionSymbolPaytablePopup(x: number, y: number): void;
     initPaytableMap(initConfigData: InitDataInterface): void;
     decreaseAutoSpinsCount(): void;

package/dist/stores/SettingsStore.js

@@ -36,6 +36,7 @@ export class SettingsStore {
     popupPaytableData;
     currentSpeed = "slow";
     popupPaytableRepositionCallback;
+    updateVolumeButtonTexture;
     initialAutoplaySettingsState = {
         infinitySpinsEnabled: false,
         onAnyWin: false,
@@ -183,6 +184,9 @@ export class SettingsStore {
         this.popupPaytableData = undefined;
         this.popupPaytableRepositionCallback = undefined;
     }
+    setUpdateVolumeButtonTexture(fn) {
+        this.updateVolumeButtonTexture = fn;
+    }
     repositionSymbolPaytablePopup(x, y) {
         this.popupPaytablePosition = { x, y };
     }
@@ -254,6 +258,7 @@ export class SettingsStore {
     }
     setIsSoundEnabled(flag) {
         this.isSoundEnabled = flag;
+        this.updateVolumeButtonTexture?.();
         setToLocalStorage(LOCAL_STORAGE.isSoundEnabled, flag);
     }
     getMysteryPaytable(mysterySymbol, quantity = 3) {

package/package.json

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