pixi-rainman-game-engine 0.1.42 → 0.1.44

package/dist/SettingsUI/components/Bet/BetControls.jsx

@@ -16,13 +16,13 @@ export const BetControls = observer(() => {
     return (<div className="bet-container">
             <h2>{i18next.t("totalBet")}</h2>
             <div className="bet-container__controls">
-                <button name="bet-minus" className="bet-container__button" onClick={() => onClick("decrease")}>
+                <button disabled={settingStore.betChangeDisabled} onClick={() => onClick("decrease")} className="bet-container__button" name="bet-minus">
                     -
                 </button>
                 <div className="bet-container__value">
                     <p>{settingStore.betText}</p>
                 </div>
-                <button name="bet-plus" className="bet-container__button" onClick={() => onClick("increase")}>
+                <button disabled={settingStore.betChangeDisabled} onClick={() => onClick("increase")} className="bet-container__button" name="bet-plus">
                     +
                 </button>
             </div>

package/dist/SettingsUI/components/Bet/bet.css

@@ -14,7 +14,7 @@
     min-width: 140px;
     width: fit-content;
     text-align: center;
-    height: fit-content;
+    height: 62px;
     border-radius: 32px;
     border: 2px white;
     border-style: solid;
@@ -24,6 +24,12 @@
     font-size: 24px;
 }
 
+.bet-container h2 {
+    text-align: center;
+    color: white;
+    text-transform: uppercase;
+}
+
 .bet-container__button {
     height: 62px;
     width: 62px;
@@ -37,15 +43,10 @@
     cursor: pointer;
 }
 
-.bet-container h2 {
-    text-align: center;
-    color: white;
-    text-transform: uppercase;
-}
-
-.bet-container__controls {
-    display: flex;
-    gap: 8px;
+.bet-container__button:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+    user-select: none;
 }
 
 .bet-container__button:active {
@@ -54,6 +55,11 @@
     border: 2px solid #fdf425;
 }
 
+.bet-container__controls {
+    display: flex;
+    gap: 8px;
+}
+
 @media only screen and (max-width: 900px) {
     #bet-layer.modal {
         width: 90vw;

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

@@ -22,6 +22,10 @@
  * @property {string} specialSymbolOnReel - single reel stopping with special symbol like bonus or mystery
  * @property {string} start - on start spinning
  * @property {string} symbol - on symbol click and show payTable popup
+ * @property {string} lowWin - on low win - this sound is played when win of all streaks is less than x1 * bet
+ * @property {string} mediumWin - on medium win - this sound is played when win of all streaks is more than x1.1 * bet and less than x5 * bet
+ * @property {string} highWin - on high win - this sound is played when win of all streaks is more than x5.1 * bet and less than x15 * bet
+ * @property {string} veryHighWin - on very high win - this sound is played when win of all streaks is more than x15.1 * bet
  *
  * @exports SoundTracks
  */
@@ -42,6 +46,10 @@ export interface SoundTracks {
     line: "line";
     fewLine: "fewLine";
     oneLine: "oneLine";
+    lowWin: "lowWin";
+    mediumWin: "mediumWin";
+    highWin: "highWin";
+    veryHighWin: "veryHighWin";
     freeLine: "freeLine";
     mysteryDrawLoop: "mysteryDrawLoop";
     rollStop: "rollStop";

package/dist/application/SoundManager/types.js

@@ -22,6 +22,10 @@
  * @property {string} specialSymbolOnReel - single reel stopping with special symbol like bonus or mystery
  * @property {string} start - on start spinning
  * @property {string} symbol - on symbol click and show payTable popup
+ * @property {string} lowWin - on low win - this sound is played when win of all streaks is less than x1 * bet
+ * @property {string} mediumWin - on medium win - this sound is played when win of all streaks is more than x1.1 * bet and less than x5 * bet
+ * @property {string} highWin - on high win - this sound is played when win of all streaks is more than x5.1 * bet and less than x15 * bet
+ * @property {string} veryHighWin - on very high win - this sound is played when win of all streaks is more than x15.1 * bet
  *
  * @exports SoundTracks
  */
@@ -42,6 +46,10 @@ export const SoundTracks = {
     freeLine: "freeLine",
     fewLine: "fewLine",
     oneLine: "oneLine",
+    lowWin: "lowWin",
+    mediumWin: "mediumWin",
+    highWin: "highWin",
+    veryHighWin: "veryHighWin",
     mysteryDrawLoop: "mysteryDrawLoop",
     rollStop: "rollStop",
     specialSymbolOnReel: "specialSymbolOnReel",

package/dist/components/frame/AbstractColumnsContainer.d.ts

@@ -48,8 +48,9 @@ export declare abstract class AbstractColumnsContainer extends Container impleme
      * @returns {Promise<void>}
      */
     configBlindSpin(finalSymbolReels: SymbolReels, afterSpinResolver: (value: void | PromiseLike<void>) => void, indexesOfReelsToExtendSpinningTime: number[]): Promise<void>;
-    playAllStreaks(streaks: StreakReelsIndexes[]): Promise<void>;
+    playAllStreaks(streaks: StreakReelsIndexes[], amount: number): Promise<void>;
     resetPlayedSounds(): void;
+    protected playSoundDependingOnAmount(amount: number): void;
     protected playStreakSound(symbols: SymbolId[]): void;
     /**
      * Function for playing animation of streak

package/dist/components/frame/AbstractColumnsContainer.js

@@ -4,6 +4,7 @@ import { FrameLayer } from "../../layers";
 import { RainMan } from "../../Rainman";
 import { Speed } from "../symbols";
 import { AbstractFrame } from "./AbstractFrame";
+import { WIN_MULTIPLIER_VALUES } from "./constants";
 /**
  * Class represents columns container in game
  *
@@ -104,7 +105,7 @@ export class AbstractColumnsContainer extends Container {
             resolve();
         });
     }
-    async playAllStreaks(streaks) {
+    async playAllStreaks(streaks, amount) {
         const columnsToPlay = [];
         streaks.forEach((streak) => {
             streak.forEach((symbolIndex, index) => {
@@ -120,12 +121,32 @@ export class AbstractColumnsContainer extends Container {
         columnsToPlay.forEach((column, index) => {
             column.forEach((symbolIndex) => promises.push(this.getColumnAtPosition(index).playSymbolAtPosition(symbolIndex, true)));
         });
-        SoundManager.play(SoundTracks.fewLine);
+        this.playSoundDependingOnAmount(amount);
         await Promise.allSettled(promises);
     }
     resetPlayedSounds() {
         this.playedSounds = [];
     }
+    playSoundDependingOnAmount(amount) {
+        const bet = RainMan.settingsStore.bet;
+        if (amount < WIN_MULTIPLIER_VALUES.LOW_WIN * bet) {
+            SoundManager.play(SoundTracks.lowWin);
+            return;
+        }
+        if (amount > WIN_MULTIPLIER_VALUES.MEDIUM_WIN_MIN * bet &&
+            amount < WIN_MULTIPLIER_VALUES.MEDIUM_WIN_MAX * bet) {
+            SoundManager.play(SoundTracks.mediumWin);
+            return;
+        }
+        if (amount > WIN_MULTIPLIER_VALUES.HIGH_WIN_MIN * bet && amount < WIN_MULTIPLIER_VALUES.HIGH_WIN_MAX * bet) {
+            SoundManager.play(SoundTracks.highWin);
+            return;
+        }
+        if (amount > WIN_MULTIPLIER_VALUES.VERY_HIGH_WIN * bet) {
+            SoundManager.play(SoundTracks.veryHighWin);
+            return;
+        }
+    }
     playStreakSound(symbols) {
         for (const [symbol, sound] of Object.entries(this.mapSymbolToSound)) {
             if (!symbols.includes(symbol))

package/dist/components/frame/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const WIN_MULTIPLIER_VALUES: {
+    readonly LOW_WIN: 1;
+    readonly MEDIUM_WIN_MIN: 1.1;
+    readonly MEDIUM_WIN_MAX: 2;
+    readonly HIGH_WIN_MIN: 5.1;
+    readonly HIGH_WIN_MAX: 15;
+    readonly VERY_HIGH_WIN: 15.1;
+};
+export type WinMultiplierValues = (typeof WIN_MULTIPLIER_VALUES)[keyof typeof WIN_MULTIPLIER_VALUES];

package/dist/components/frame/constants.js

@@ -0,0 +1,8 @@
+export const WIN_MULTIPLIER_VALUES = {
+    LOW_WIN: 1,
+    MEDIUM_WIN_MIN: 1.1,
+    MEDIUM_WIN_MAX: 2,
+    HIGH_WIN_MIN: 5.1,
+    HIGH_WIN_MAX: 15,
+    VERY_HIGH_WIN: 15.1,
+};

package/dist/controllers/AbstractController.js

@@ -59,8 +59,14 @@ export class AbstractController {
         this.componentRegistry = RainMan.componentRegistry;
         this.setupSpaceOrEnterListener();
         RainMan.globals.handleDisablingButtons = this.handleDisablingButtons.bind(this);
-        RainMan.settingsStore.increaseBet = () => this.uiController.updateBet("increase");
-        RainMan.settingsStore.decreaseBet = () => this.uiController.updateBet("decrease");
+        RainMan.settingsStore.increaseBet = () => {
+            this.uiController.updateBet("increase");
+            SoundManager.play(SoundTracks.increaseRate);
+        };
+        RainMan.settingsStore.decreaseBet = () => {
+            this.uiController.updateBet("decrease");
+            SoundManager.play(SoundTracks.reductionRate);
+        };
     }
     init() {
         const initData = this.connection.initData();

package/dist/stores/SettingsStore.d.ts

@@ -11,6 +11,7 @@ import { PaytableData } from "./types";
  */
 export declare class SettingsStore {
     static instance: SettingsStore | null;
+    betChangeDisabled: boolean;
     bet: number;
     betText: string;
     ambientMusicFlag: boolean;

package/dist/stores/SettingsStore.js

@@ -15,6 +15,7 @@ const INITIAL_AUTO_SPIN_COUNT = 50;
  */
 export class SettingsStore {
     static instance = null;
+    betChangeDisabled = false;
     bet = 0;
     betText = "";
     ambientMusicFlag = getFromLocalStorage(LOCAL_STORAGE.isAmbientMusicEnabled) ??

package/package.json

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