pixi-rainman-game-engine 0.1.40 → 0.1.41

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

@@ -5,8 +5,13 @@ import Slider from "rc-slider";
 import React from "react";
 import { RainMan } from "../../../Rainman";
 import { useStores } from "../../hooks";
+const onBeforeChange = () => {
+    RainMan.settingsStore.flipSoundsEnabled();
+};
 const onChange = (newVolumeLevel) => {
     RainMan.settingsStore.setVolumeLevel(newVolumeLevel);
+};
+const onAfterChange = (newVolumeLevel) => {
     RainMan.settingsStore.flipSoundsEnabled(newVolumeLevel);
 };
 export const VolumeSettings = observer(() => {
@@ -27,7 +32,7 @@ export const VolumeSettings = observer(() => {
             backgroundColor: COLOR,
             height: "5px",
             borderRadius: "1px",
-        }} onChange={onChange}/>
+        }} onBeforeChange={onBeforeChange} onChange={onChange} onAfterChange={onAfterChange}/>
             <p className="volume-control__text" style={{
             color: COLOR,
         }}>

package/dist/application/ButtonsEventManager/ButtonsEventManager.js

@@ -1,6 +1,5 @@
 import i18n from "i18next";
 import { sample } from "lodash";
-import { pixiSoundContext } from "../../application";
 import { AutoplayButton, Background, BUTTONS, COMPONENTS, FreeSpinButton, MessageBox, SpeedControlButton, VolumeButton, } from "../../components";
 import { RainMan } from "../../Rainman";
 import { allUiItems, hideLayerIfPresent, UI_ITEMS } from "../../utils";
@@ -187,7 +186,6 @@ export class ButtonsEventManager {
         RainMan.settingsStore.setUpdateVolumeButtonTexture(() => RainMan.componentRegistry.get(VolumeButton.registryName).changeTextureDependOnVolume());
         RainMan.componentRegistry.get(VolumeButton.registryName).setOnClick(() => {
             RainMan.settingsStore.flipSoundsEnabled();
-            pixiSoundContext.refresh();
             RainMan.componentRegistry.get(VolumeButton.registryName).changeTextureDependOnVolume();
             this.handleModalInvocation(UI_ITEMS.volume);
         });

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

@@ -45,6 +45,16 @@ export declare class SoundManagerInstance implements SpeedAdapterInterface<Sound
      * @param {SoundTrack} soundName
      */
     play(soundName: SoundTrack): void;
+    /**
+     * Function for resuming all sounds in game
+     * If sound is not playing, it will be skipped
+     */
+    resumeAll(): void;
+    /**
+     * Function for pausing all sounds in game
+     * If sound is not playing, it will be skipped
+     */
+    pauseAll(): void;
     /**
      * Function for pausing sound with given name
      *

package/dist/application/SoundManager/SoundManager.js

@@ -76,7 +76,6 @@ export class SoundManagerInstance {
      */
     setPlayStatus(soundName, flag) {
         flag ? this.play(soundName) : this.pause(soundName);
-        pixiSoundContext.refresh();
     }
     /**
      * Function for playing sound with given name
@@ -96,6 +95,20 @@ export class SoundManagerInstance {
             return;
         sound.play({ loop: soundsToLoop.includes(soundName) });
     }
+    /**
+     * Function for resuming all sounds in game
+     * If sound is not playing, it will be skipped
+     */
+    resumeAll() {
+        this.musicCatalogue.forEach((sound) => sound.paused && sound.resume());
+    }
+    /**
+     * Function for pausing all sounds in game
+     * If sound is not playing, it will be skipped
+     */
+    pauseAll() {
+        this.musicCatalogue.forEach((sound) => sound.pause());
+    }
     /**
      * Function for pausing sound with given name
      *

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

@@ -14,6 +14,8 @@
  * @property {string} mysteryFxEnd - on mystery fx hides
  * @property {string} mysteryFxLoop - when mystery fx in visible in loop
  * @property {string} line - default win line sound, for both single and multiple lines
+ * @property {string} fewLine - sound for few lines
+ * @property {string} oneLine - sound for single line
  * @property {string} freeLine - win line sound for free spins
  * @property {string} mysteryDrawLoop - on show mystery popup, play during randomizing win
  * @property {string} rollStop - single reel stopping
@@ -38,6 +40,8 @@ export interface SoundTracks {
     mysteryFxEnd: "mysteryFxEnd";
     mysteryFxLoop: "mysteryFxLoop";
     line: "line";
+    fewLine: "fewLine";
+    oneLine: "oneLine";
     freeLine: "freeLine";
     mysteryDrawLoop: "mysteryDrawLoop";
     rollStop: "rollStop";

package/dist/application/SoundManager/types.js

@@ -14,6 +14,8 @@
  * @property {string} mysteryFxEnd - on mystery fx hides
  * @property {string} mysteryFxLoop - when mystery fx in visible in loop
  * @property {string} line - default win line sound, for both single and multiple lines
+ * @property {string} fewLine - sound for few lines
+ * @property {string} oneLine - sound for single line
  * @property {string} freeLine - win line sound for free spins
  * @property {string} mysteryDrawLoop - on show mystery popup, play during randomizing win
  * @property {string} rollStop - single reel stopping
@@ -37,10 +39,12 @@ export const SoundTracks = {
     mysteryFxEnd: "mysteryFxEnd",
     mysteryFxLoop: "mysteryFxLoop",
     line: "line",
+    freeLine: "freeLine",
+    fewLine: "fewLine",
+    oneLine: "oneLine",
     mysteryDrawLoop: "mysteryDrawLoop",
     rollStop: "rollStop",
     specialSymbolOnReel: "specialSymbolOnReel",
     start: "start",
-    freeLine: "freeLine",
     symbol: "symbol",
 };

package/dist/application/setup.js

@@ -1,7 +1,7 @@
 import { createRoot } from "react-dom/client";
 import { RainMan } from "../Rainman";
 import { SettingsUI } from "../SettingsUI";
-import { changeResolution, disableMagnifyingGlassOnIOS, getDeviceOrientation, invokeStatsBoard, resizeCanvas, setupFullscreenForIOS, } from "../utils";
+import { changeResolution, disableMagnifyingGlassOnIOS, getDeviceOrientation, invokeStatsBoard, loadSoundsOnTabChange, resizeCanvas, setupFullscreenForIOS, } from "../utils";
 /**
  * This function is for setup the whole games
  *
@@ -13,6 +13,7 @@ export const setup = () => {
     changeResolution(RainMan.settingsStore.HiResolutionFlag);
     resizeCanvas();
     setupFullscreenForIOS();
+    loadSoundsOnTabChange();
     const gameRoot = document.createElement("div");
     gameRoot.setAttribute("class", "game-container");
     document.body.appendChild(gameRoot);

package/dist/components/AbstractMainContainer/AbstractMainContainer.js

@@ -2,7 +2,6 @@ import { Container, Graphics } from "pixi.js";
 import { ButtonsEventManager, SoundManager, SoundTracks } from "../../application";
 import { AnimationLayer, BackgroundLayer, FrameLayer, UXLayer } from "../../layers";
 import { RainMan } from "../../Rainman";
-import { settingStore } from "../../SettingsUI/hooks";
 import { getDeviceOrientation, globalMinRatio } from "../../utils";
 import { BUTTONS, LeftButtons, LeftButtonsLandscape, LeftButtonsMobile, MiddleButtons, RefreshButton, RightButtons, RightButtonsLandscape, RightButtonsMobile, } from "../buttons";
 import { GambleGame } from "../GambleGame";
@@ -57,8 +56,8 @@ export class AbstractMainContainer extends Container {
         this.name = AbstractMainContainer.registryName;
         this.buttonsEventManager = new ButtonsEventManager();
         this.messageBox = new MessageBox();
-        if (settingStore.ambientMusicFlag)
-            SoundManager.play(SoundTracks.music);
+        if (RainMan.settingsStore.ambientMusicFlag)
+            SoundManager.setPlayStatus(SoundTracks.music, true);
         RainMan.app.renderer.on("resize", () => this.resize());
     }
     /**

package/dist/components/frame/AbstractColumnsContainer.js

@@ -118,12 +118,9 @@ export class AbstractColumnsContainer extends Container {
         });
         const promises = [];
         columnsToPlay.forEach((column, index) => {
-            column.forEach((symbolIndex) => {
-                const promise = this.getColumnAtPosition(index).playSymbolAtPosition(symbolIndex, true);
-                promises.push(promise);
-            });
+            column.forEach((symbolIndex) => promises.push(this.getColumnAtPosition(index).playSymbolAtPosition(symbolIndex, true)));
         });
-        SoundManager.play(RainMan.settingsStore.isFreeSpinsPlayEnabled ? SoundTracks.freeLine : SoundTracks.line);
+        SoundManager.play(SoundTracks.fewLine);
         await Promise.allSettled(promises);
     }
     resetPlayedSounds() {
@@ -139,8 +136,7 @@ export class AbstractColumnsContainer extends Container {
             this.playedSounds.push(sound);
             return;
         }
-        if (this.playLineSoundOnEachStreak)
-            SoundManager.play(RainMan.settingsStore.isFreeSpinsPlayEnabled ? SoundTracks.freeLine : SoundTracks.line);
+        SoundManager.play(RainMan.settingsStore.isFreeSpinsPlayEnabled ? SoundTracks.freeLine : SoundTracks.oneLine);
     }
     /**
      * Function for playing animation of streak

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

@@ -3,6 +3,7 @@ export * from "./functions";
 export * from "./logger";
 export * from "./placementHelpers";
 export * from "./screenHelpers";
+export * from "./sound";
 export * from "./stats";
 export * from "./types";
 export * from "./uiItems";

package/dist/utils/common/index.js

@@ -3,6 +3,7 @@ export * from "./functions";
 export * from "./logger";
 export * from "./placementHelpers";
 export * from "./screenHelpers";
+export * from "./sound";
 export * from "./stats";
 export * from "./types";
 export * from "./uiItems";

package/dist/utils/common/sound.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This function is required for setting up the sound while changing the tab
+ * This is using the visibilitychange event
+ */
+export declare const loadSoundsOnTabChange: () => void;

package/dist/utils/common/sound.js

@@ -0,0 +1,26 @@
+import { SoundManager } from "../../application";
+import { RainMan } from "../../Rainman";
+/**
+ * This function using the visibilitychange event to resume sounds
+ * If any time the sounds was enable than this will be resumed
+ * If the sounds was disabled than this will be not triggered
+ */
+const resumeAudioContext = () => {
+    if (RainMan.settingsStore.isSoundEnabled()) {
+        if (document.hidden) {
+            SoundManager.pauseAll();
+            return;
+        }
+        else {
+            SoundManager.resumeAll();
+            return;
+        }
+    }
+};
+/**
+ * This function is required for setting up the sound while changing the tab
+ * This is using the visibilitychange event
+ */
+export const loadSoundsOnTabChange = () => {
+    document.addEventListener("visibilitychange", resumeAudioContext);
+};

package/package.json

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