pixi-rainman-game-engine 0.1.7 → 0.1.8

package/dist/Money/MoneyText.js

@@ -10,9 +10,9 @@ import { RainMan } from "../Rainman";
 export class MoneyText {
     money;
     constructor(amount) {
-        this.money = Money.fromDecimal(amount, RainMan.config.currency, Math.round);
+        this.money = Money.fromDecimal(amount, RainMan.currency, Math.round);
     }
     toString() {
-        return `${this.money} ${RainMan.config.currency.symbol_native}`;
+        return `${this.money} ${RainMan.currency.symbol_native}`;
     }
 }

package/dist/Rainman/Rainman.d.ts

@@ -1,5 +1,6 @@
 import "../components/dictionary/i18n";
 import { Application } from "pixi.js";
+import { Currency } from "ts-money";
 import { SpinLogicFactory, SymbolIds, WinTypeIds } from "../application";
 import { ComponentRegistry } from "../ComponentRegistry";
 import { SettingsStore } from "../stores";
@@ -12,5 +13,6 @@ export declare class RainMan {
     static settingsStore: SettingsStore;
     static componentRegistry: ComponentRegistry;
     static spinLogicFactory: SpinLogicFactory;
+    static currency: Currency;
     constructor(app: Application, config: AppConfig, symbolIds: SymbolIds, winTypeIds: WinTypeIds, spinLogicFactory: SpinLogicFactory);
 }

package/dist/Rainman/Rainman.js

@@ -1,5 +1,6 @@
 import "../components/dictionary/i18n";
 import { merge } from "lodash";
+import { Currencies } from "ts-money";
 import { ComponentRegistry } from "../ComponentRegistry";
 import { settingStore } from "../SettingsUI/hooks";
 import { defaultAppConfig } from "./appConfig";
@@ -11,6 +12,7 @@ export class RainMan {
     static settingsStore;
     static componentRegistry;
     static spinLogicFactory;
+    static currency;
     constructor(app, config, symbolIds, winTypeIds, spinLogicFactory) {
         RainMan.app = app;
         RainMan.config = merge(defaultAppConfig, config);
@@ -19,5 +21,6 @@ export class RainMan {
         RainMan.settingsStore = settingStore;
         RainMan.componentRegistry = new ComponentRegistry(app);
         RainMan.spinLogicFactory = spinLogicFactory;
+        RainMan.currency = Currencies["USD"];
     }
 }

package/dist/Rainman/appConfig.js

@@ -1,5 +1,4 @@
 import { Color } from "pixi.js";
-import { Currencies } from "ts-money";
 /**
  * This object represents default object for pixi application
  * Here you can specify the default font, color of text etc.
@@ -16,7 +15,6 @@ export const defaultAppConfig = {
     fontColor: new Color(0xfbd400).toHex(),
     updatableTextValueColor: new Color(0xffffff).toHex(),
     fontFace: ["HelveticaNeueLTStd"],
-    currency: Currencies["USD"],
     durationOfActions: {
         eachColumnsSpinDelay: [0, 200, 700, 1200, 1800],
         spinBaseTime: 800,

package/dist/Rainman/types.d.ts

@@ -1,4 +1,3 @@
-import { Currency } from "ts-money";
 import { DeepPartial } from "../utils";
 export type RequiredAppConfig = {
     websocketUrl: string;
@@ -12,7 +11,6 @@ export type OptionalAppConfig = {
     gameWidth: number;
     gameHeight: number;
     idleTimeout: number;
-    currency: Currency;
     fontSize: number;
     updatableSpineContainerFontSize: number;
     mobileFontSize: number;

package/dist/application/SpinLogic/util.d.ts

@@ -1,6 +1,8 @@
-import { DropTransformationDetails, RawWin, Result, SpinDataInterface, TransformationDetails, WinWithTransformation } from "../../connectivity";
+import { DropTransformationDetails, FreezeTransformationDetails, RawFreezeTransformationDetails, RawWin, Result, SpinAndFreezeTransformationDetails, SpinDataInterface, SymbolReels, TransformationDetails, WinWithTransformation } from "../../connectivity";
 import { ApiConfig } from "../ApiConfig";
 export declare const concatenateDestroyAndSetTransformations: (spinLogicResponse: SpinDataInterface, currentIndexOfRootTransformation: number, gameConfig: ApiConfig) => [DropTransformationDetails[], number];
 export declare const mapSymbolIdsToSymbolNames: (symbols_on_reels: number[][], gameConfig: ApiConfig) => never[][];
+export declare const getFreezeTransformationFromRawResponse: (transformations: RawFreezeTransformationDetails[]) => FreezeTransformationDetails[];
+export declare const concatenateFreezeAndSpinTransformations: (freezeTransformations: FreezeTransformationDetails[], onStopBlindsConfiguration: SymbolReels) => SpinAndFreezeTransformationDetails;
 export declare const isBlindsConfiguredByTransformations: (results: Result[]) => number[][] | null;
 export declare const collectWinDetailsWithTransformation: (winIndex: string | null, winsDetails: RawWin | null, transformations: TransformationDetails[]) => WinWithTransformation;

package/dist/application/SpinLogic/util.js

@@ -65,6 +65,22 @@ export const concatenateDestroyAndSetTransformations = (spinLogicResponse, curre
 export const mapSymbolIdsToSymbolNames = (symbols_on_reels, gameConfig) => {
     return symbols_on_reels.map((reel) => reel.map((symbolId) => gameConfig.getSymbolId(symbolId)));
 };
+export const getFreezeTransformationFromRawResponse = (transformations) => {
+    return transformations.map((freezeTransformation) => {
+        return {
+            type: transformationTypes.freeze,
+            coordinates: freezeTransformation.coordinates,
+        };
+    });
+};
+export const concatenateFreezeAndSpinTransformations = (freezeTransformations, onStopBlindsConfiguration) => {
+    const allCoordinatesToFreeze = freezeTransformations.map((details) => details.coordinates);
+    return {
+        type: transformationTypes.spinAndFreeze,
+        coordinates: allCoordinatesToFreeze,
+        symbolsOnReels: onStopBlindsConfiguration,
+    };
+};
 export const isBlindsConfiguredByTransformations = (results) => {
     // make copy of results because reverse is made in place
     const reversedResults = [...results].reverse();

package/dist/components/buttons/buttonGroups/LeftButtons.js

@@ -31,12 +31,6 @@ export class LeftButtons extends ResponsiveContainer {
         ]);
     }
     reposition() {
-        this.moreButton.x = 20;
-        this.moreButton.y = 0;
-        this.volumeButton.x = this.moreButton.x;
-        this.volumeButton.y = this.moreButton.y + this.moreButton.height + 5;
-        this.infoButton.x = 90;
-        this.infoButton.y = 10;
         const margin = 15;
         this.y = RainMan.app.screen.height - this.height;
         this.credit.x = this.infoButton.x + this.infoButton.width + margin;

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

@@ -22,6 +22,7 @@ export declare abstract class AbstractColumnsContainer extends Container impleme
     private currentColumn;
     private playedSounds;
     quickReelsStop: boolean;
+    protected playLineSoundOnEachStreak: boolean;
     protected abstract mapSymbolToSound: Record<string, SoundTrack>;
     protected abstract maskCoordinates: {
         top: number;
@@ -67,5 +68,6 @@ export declare abstract class AbstractColumnsContainer extends Container impleme
     setInteractivityForSymbols(flag: boolean): void;
     handleDestroyTransformations(transformations: DropTransformationDetails[], skipAnimations?: boolean, isStandalone?: boolean): Promise<void>;
     protected createMask(): Graphics;
+    fixSymbolsColumnsPosition(): void;
     private prepareConfiguringReelsEnd;
 }

package/dist/components/frame/AbstractColumnsContainer.js

@@ -24,6 +24,7 @@ export class AbstractColumnsContainer extends Container {
     currentColumn = null;
     playedSounds = [];
     quickReelsStop = false;
+    playLineSoundOnEachStreak = false;
     constructor() {
         super();
         this.x = 0;
@@ -134,7 +135,10 @@ export class AbstractColumnsContainer extends Container {
                 return;
             SoundManager.play(sound);
             this.playedSounds.push(sound);
+            return;
         }
+        if (this.playLineSoundOnEachStreak)
+            SoundManager.play(SoundTracks.line);
     }
     /**
      * Function for playing animation of streak
@@ -199,6 +203,9 @@ export class AbstractColumnsContainer extends Container {
         mask.endFill();
         return mask;
     }
+    fixSymbolsColumnsPosition() {
+        this.allColumns.forEach((column) => column.fixStationaryPositions());
+    }
     prepareConfiguringReelsEnd(finalSymbolReels) {
         return this.allColumns.map((column, index) => async () => {
             column.configBlindSpin(finalSymbolReels[index]);

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

@@ -28,7 +28,7 @@ export declare abstract class AbstractFrame extends ResumableContainer implement
         endAnimationName?: string;
     }>;
     protected abstract innerFrame: AbstractInnerFrame;
-    private winLineAnimation?;
+    protected winLineAnimations: WinLineAnimation[];
     protected constructor(spineName: string);
     get columnsContainer(): AbstractColumnsContainer;
     adaptToSpeed(speedLevel: SpeedLevel): void;
@@ -37,8 +37,10 @@ export declare abstract class AbstractFrame extends ResumableContainer implement
     hideMysteryFx(): Promise<void>;
     destroyMysteryFx(): void;
     protected abstract createWinLineAnimation(_animationName: string): WinLineAnimation;
+    playAllWinLineAnimations(animationNames: string[]): Promise<void>;
     playWinLineAnimation(animationName: string): Promise<void>;
     stopPlayingWinLineAnimations(): void;
+    isPlayingWinLineAnimation(): boolean;
     protected abstract changeFrameForOrientation(): void;
     protected setFrame(spineName: string, animationName: string): void;
     resize(): void;

package/dist/components/frame/AbstractFrame.js

@@ -21,7 +21,7 @@ export class AbstractFrame extends ResumableContainer {
     velocityMultiplier = defaultSpeedConfig.symbolsColumnsSpeed;
     mysteryFxHighlight = null;
     mysteryFxConfig = null;
-    winLineAnimation;
+    winLineAnimations = [];
     constructor(spineName) {
         super();
         this.name = AbstractFrame.registryName;
@@ -72,16 +72,24 @@ export class AbstractFrame extends ResumableContainer {
             this.mysteryFxHighlight = null;
         }
     }
+    async playAllWinLineAnimations(animationNames) {
+        await Promise.all(animationNames.map((animationName) => this.playWinLineAnimation(animationName)));
+    }
     async playWinLineAnimation(animationName) {
-        this.winLineAnimation = this.createWinLineAnimation(animationName);
-        this.winLineAnimation.parentLayer = FrameLayer;
-        this.addChild(this.winLineAnimation);
-        await this.winLineAnimation.play();
-        this.removeChild(this.winLineAnimation);
-        this.winLineAnimation = undefined;
+        const winLineAnimation = this.createWinLineAnimation(animationName);
+        this.winLineAnimations.push(winLineAnimation);
+        winLineAnimation.parentLayer = FrameLayer;
+        this.addChild(winLineAnimation);
+        await winLineAnimation.play();
+        this.removeChild(winLineAnimation);
+        this.stopPlayingWinLineAnimations();
     }
     stopPlayingWinLineAnimations() {
-        this.winLineAnimation?.resolvePlayingPromise();
+        this.winLineAnimations.map((winLineAnimation) => winLineAnimation.resolvePlayingPromise());
+        this.winLineAnimations = [];
+    }
+    isPlayingWinLineAnimation() {
+        return this.winLineAnimations.length > 0;
     }
     setFrame(spineName, animationName) {
         this.columnsContainer.doResize();

package/dist/connectivity/ConnectionWrapper.js

@@ -1,3 +1,4 @@
+import { Currencies } from "ts-money";
 import { ApiConfig } from "../application";
 import { SpinData, } from "../connectivity";
 import { RainMan } from "../Rainman";
@@ -69,6 +70,7 @@ export class ConnectionWrapper {
             },
             vendor_id: RainMan.config.gameInitVendorId,
         }));
+        RainMan.currency = Currencies[this._initData.currency];
     }
     initData() {
         return this._initData;

package/dist/connectivity/LocalConnectionWrapper.js

@@ -1,4 +1,6 @@
+import { Currencies } from "ts-money";
 import { ApiConfig } from "../application";
+import { RainMan } from "../Rainman";
 import { apiQueue } from "./apiQueue";
 import { SpinData } from "./spinData";
 export class LocalConnectionWrapper {
@@ -17,6 +19,7 @@ export class LocalConnectionWrapper {
     fetchInitData() {
         this._initData = (window.testingData?.initResponse || this.initResponse);
         this.config = new ApiConfig(this._initData);
+        RainMan.currency = Currencies[this._initData.currency];
         return Promise.resolve();
     }
     initData() {

package/dist/connectivity/transformation.d.ts

@@ -1,5 +1,6 @@
 import { transformationTypes } from "constants/transformation";
 import { SymbolId } from "../application";
+import { SymbolReels } from "./wins";
 export type Point = {
     x: number;
     y: number;
@@ -20,7 +21,20 @@ export type ReplaceTransformationDetails = {
     from: Point;
     to: Point;
 };
-export type TransformationDetails = DropTransformationDetails | VerticalTransformationDetails | ReplaceTransformationDetails;
+export type SpinTransformationDetails = {
+    type: typeof transformationTypes.spin;
+    symbolsOnReels: SymbolReels;
+};
+export type FreezeTransformationDetails = {
+    type: typeof transformationTypes.freeze;
+    coordinates: Point;
+};
+export type SpinAndFreezeTransformationDetails = {
+    type: typeof transformationTypes.spinAndFreeze;
+    symbolsOnReels: SymbolReels;
+    coordinates: Point[];
+};
+export type TransformationDetails = DropTransformationDetails | VerticalTransformationDetails | ReplaceTransformationDetails | SpinTransformationDetails | FreezeTransformationDetails;
 export type RawVerticalTransformationDetails = {
     coordinates: Point;
 };
@@ -32,4 +46,10 @@ export type RawReplaceTransformationDetails = {
     from_coordinates: Point;
     to_coordinates: Point;
 };
-export type RawTransformationDetails = RawReplaceTransformationDetails | RawSetTransformationDetails | RawVerticalTransformationDetails;
+export type RawFreezeTransformationDetails = {
+    coordinates: Point;
+};
+export type RawSpinTransformationDetails = {
+    symbol_on_reels: number[][];
+};
+export type RawTransformationDetails = RawReplaceTransformationDetails | RawSetTransformationDetails | RawVerticalTransformationDetails | RawFreezeTransformationDetails | RawSpinTransformationDetails;

package/package.json

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