9 | 
10 | 
11 |
12 | );
13 | });
14 |
15 | export default LoadingGame;
--------------------------------------------------------------------------------
/code/client/src/components/closeButton/CSS/CloseButton.css:
--------------------------------------------------------------------------------
1 | #close-button {
2 | display: flex;
3 | width: 40px;
4 | height: 40px;
5 | background-color: rgba(255, 255, 255, 0.15);
6 | color: rgba(255, 255, 255, 0.87);
7 | cursor: pointer;
8 | transition: all 0.3s;
9 | border-radius: 50px;
10 | border: none;
11 | text-align: center;
12 | justify-content: center;
13 | align-items: center;
14 |
15 | &:hover {
16 | background-color: rgba(255, 255, 255, 0.3);
17 | }
18 |
19 | &:active {
20 |
21 | }
22 |
23 | &:disabled {
24 |
25 | }
26 | }
--------------------------------------------------------------------------------
/code/client/src/game/gameLogo/model/GameLogoModel.ts:
--------------------------------------------------------------------------------
1 | import ISpriteConfig from "./interface/IGameLogoModelConfig";
2 |
3 | export default class GameLogoModel {
4 | _landscapeTexture: string
5 | _portraitTexture: string
6 | config: ISpriteConfig
7 | constructor(config: ISpriteConfig) {
8 | this.config = config
9 | this._landscapeTexture = this.config.textureTypes.landscape
10 | this._portraitTexture = this.config.textureTypes.portrait
11 | }
12 |
13 | public get landscapeTexture(){
14 | return this._landscapeTexture
15 | }
16 |
17 | public get portraitTexture(){
18 | return this._portraitTexture
19 | }
20 | }
--------------------------------------------------------------------------------
/code/client/src/game/darkScreen/model/DarkScreenModel.ts:
--------------------------------------------------------------------------------
1 | import ISpriteConfig from "./interface/IDarkScreenlConfig";
2 |
3 | export default class DarkScreenModel {
4 | _landscapeTexture: string
5 | _portraitTexture: string
6 | config: ISpriteConfig
7 | constructor(config: ISpriteConfig) {
8 | this.config = config
9 | this._landscapeTexture = this.config.textureTypes.landscape
10 | this._portraitTexture = this.config.textureTypes.portrait
11 | }
12 |
13 | public get landscapeTexture(){
14 | return this._landscapeTexture
15 | }
16 |
17 | public get portraitTexture(){
18 | return this._portraitTexture
19 | }
20 | }
--------------------------------------------------------------------------------
/code/client/src/interfaces/IAllPlayerJoinedServerData.ts:
--------------------------------------------------------------------------------
1 | import IPlayersCards from "./IPlayersCards";
2 | import IPlayersBets from "./IPlayersBets";
3 | import IPlayersMoney from "./IPlayersMoney";
4 | import IPlayerTurnData from "./IPlayerTurnData";
5 | import IPlayerGamePositions from "../game/interface/IPlayerGamePositions";
6 |
7 | export default interface IServerGameUpdateOnStart {
8 | players: {
9 | playersGamePositions: IPlayerGamePositions;
10 | playersBets: IPlayersBets;
11 | playersChips: IPlayersMoney
12 | drawCards: IPlayersCards
13 | },
14 | game: {
15 | playerTurnData: IPlayerTurnData
16 | }
17 | }
--------------------------------------------------------------------------------
/assets/set-function-length-Ct5B6P4y.js:
--------------------------------------------------------------------------------
1 | import{g as u}from"./get-intrinsic-B1Ut8WxJ.js";import{d as p}from"./define-data-property-CUxyvwXF.js";import{h as g}from"./has-property-descriptors-Cvfij9iw.js";import{g as m}from"./gopd-O61WwtTx.js";import{t as v}from"./es-errors-DzOT6E3C.js";var h=u,a=p,l=g(),n=m,s=v,F=h("%Math.floor%"),L=function(t,r){if(typeof t!="function")throw new s("`fn` is not a function");if(typeof r!="number"||r<0||r>4294967295||F(r)!==r)throw new s("`length` must be a positive 32-bit integer");var f=arguments.length>2&&!!arguments[2],o=!0,i=!0;if("length"in t&&n){var e=n(t,"length");e&&!e.configurable&&(o=!1),e&&!e.writable&&(i=!1)}return(o||i||!f)&&(l?a(t,"length",r,!0,!0):a(t,"length",r)),t};export{L as s};
2 |
--------------------------------------------------------------------------------
/code/client/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
8 |
9 |
10 |
11 |
12 |
10 |
11 |
28 |
31 | );
32 | });
33 |
34 | export default Balance;
35 |
--------------------------------------------------------------------------------
/code/client/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "my-app",
3 | "private": true,
4 | "version": "0.0.0",
5 | "type": "module",
6 | "scripts": {
7 | "dev": "vite",
8 | "build": "vite build",
9 | "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
10 | "preview": "vite preview"
11 | },
12 | "dependencies": {
13 | "gsap": "^3.12.5",
14 | "howler": "^2.2.4",
15 | "js-cookie": "^3.0.5",
16 | "mini-signals": "^2.0.0",
17 | "pixi.js": "7.4",
18 | "react": "^18.2.0",
19 | "react-dom": "^18.2.0",
20 | "react-toastify": "^10.0.5",
21 | "socket.io-client": "^4.7.5"
22 | },
23 | "devDependencies": {
24 | "@types/react": "^18.2.66",
25 | "@types/react-dom": "^18.2.22",
26 | "@vitejs/plugin-react": "^4.2.1",
27 | "eslint": "^8.57.0",
28 | "eslint-plugin-react": "^7.34.1",
29 | "eslint-plugin-react-hooks": "^4.6.0",
30 | "eslint-plugin-react-refresh": "^0.4.6",
31 | "vite": "^5.2.0"
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/code/client/src/game/machine/view/MachineView.ts:
--------------------------------------------------------------------------------
1 | import Container from "../../components/Container";
2 | import Graphics from "../../components/graphics/Graphics";
3 | import {VIEW_CONFIG} from "../config/machineConfig";
4 | import Sprite from "../../components/sprite/Sprite";
5 |
6 | export default class MachineView{
7 | symbolsMask: Graphics
8 | background: Sprite
9 | constructor(scene: Container) {//@ts-ignorets
10 | this.scene = scene
11 | this.background = this.createBackground()//@ts-ignorets
12 | this.symbolsMask = this.createMask()//@ts-ignorets
13 | }
14 |
15 | private createMask(): Graphics {
16 | const config = VIEW_CONFIG.mask
17 | const graphics = new Graphics(config);//@ts-ignorets
18 | this.scene.addChild(graphics)
19 | return graphics
20 | }
21 |
22 | private createBackground(): Sprite {
23 | const config = VIEW_CONFIG.background
24 | const sprite = new Sprite(config);//@ts-ignorets
25 | this.scene.addChild(sprite)
26 | return sprite
27 | }
28 |
29 | }
--------------------------------------------------------------------------------
/code/client/src/game/manager/GameManager.ts:
--------------------------------------------------------------------------------
1 | import GameSignals from "../../gameSignals/GameSignals";
2 | import SceneManager from "../../managers/SceneManager";
3 |
4 | export default class GameManager {
5 | protected static game: any = null
6 |
7 | static startGame() {
8 | const game = SceneManager.getScene("Game")
9 |
10 | if(!game?.isActive) {
11 | SceneManager.startScene("Game")
12 | this.game = SceneManager.getScene("Game")
13 | this.bindSignals();
14 | return
15 | }
16 | SceneManager.setVisible("Game", true)
17 | }
18 |
19 | private static updateGameData(gameData: any){
20 | this.game.updateGameState(gameData)
21 | }
22 |
23 | public static changeOrientation(key: string){
24 | if(this.game)this.game.changeOrientation(key)
25 | }
26 |
27 | public static handleSounds(value: string){
28 | this.game.handleSounds(value)
29 | }
30 |
31 | private static bindSignals(){
32 | GameSignals.onUpdateGameData.add((gameData: any) => this.updateGameData(gameData));
33 | }
34 | }
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | /* body {
2 | margin: 0;
3 | padding: 0;
4 | color: rgba(255, 255, 255, 0.87);
5 | background-color: #000000;
6 | font-family: Arial, Helvetica, sans-serif;
7 | }
8 |
9 | #app {
10 | width: 100%;
11 | height: 100vh;
12 | overflow: hidden;
13 | display: flex;
14 | justify-content: center;
15 | align-items: center;
16 | } */
17 |
18 | /* .spritePosition {
19 | margin: 10px 0 0 10px;
20 | font-size: 0.8em;
21 | }
22 |
23 | .button {
24 | width: 140px;
25 | margin: 10px;
26 | padding: 10px;
27 | background-color: #000000;
28 | color: rgba(255, 255, 255, 0.87);
29 | border: 1px solid rgba(255, 255, 255, 0.87);
30 | cursor: pointer;
31 | transition: all 0.3s;
32 |
33 | &:hover {
34 | border: 1px solid #0ec3c9;
35 | color: #0ec3c9;
36 | }
37 |
38 | &:active {
39 | background-color: #0ec3c9;
40 | }
41 |
42 | &:disabled {
43 | cursor: not-allowed;
44 | border: 1px solid rgba(255, 255, 255, 0.3);
45 | color: rgba(255, 255, 255, 0.3);
46 | }
47 | } */
--------------------------------------------------------------------------------
/code/server/Socket/manager/SocketManager.js:
--------------------------------------------------------------------------------
1 | const GameManager = require("../../game/manager/GameManager");
2 |
3 | class SocketManager {
4 | constructor(socketServer) {
5 | this.socketServer = socketServer;
6 |
7 | this.socketServer.on("connection", (socket) => {
8 | console.log("new user", socket.id);
9 | GameManager.createNewUser(socket.id);
10 | this.setupSocketListeners(socket);
11 | });
12 | this.setupGameListeners();
13 | }
14 |
15 | setupSocketListeners(socket) {
16 | socket.once("getUserState", (data) => {
17 | const userState = GameManager.getUserState(socket.id, data);
18 | socket.emit("userState", userState);
19 | });
20 |
21 | socket.on("spinAction", async (data) => {
22 | const updatedGameData = await GameManager.userSpinAction(socket.id, data);
23 | socket.emit("updateGameData", updatedGameData);
24 | });
25 |
26 | socket.on("disconnect", () => {
27 | console.log(`user ${socket.id} disconnect`);
28 | GameManager.deleteUser(socket.id);
29 | });
30 | }
31 | }
32 |
33 | module.exports = SocketManager;
34 |
--------------------------------------------------------------------------------
/code/client/public/style.css:
--------------------------------------------------------------------------------
1 | /* body {
2 | margin: 0;
3 | padding: 0;
4 | color: rgba(255, 255, 255, 0.87);
5 | background-color: #000000;
6 | font-family: Arial, Helvetica, sans-serif;
7 | }
8 |
9 | #app {
10 | width: 100%;
11 | height: 100vh;
12 | overflow: hidden;
13 | display: flex;
14 | justify-content: center;
15 | align-items: center;
16 | } */
17 |
18 | /* .spritePosition {
19 | margin: 10px 0 0 10px;
20 | font-size: 0.8em;
21 | }
22 |
23 | .button {
24 | width: 140px;
25 | margin: 10px;
26 | padding: 10px;
27 | background-color: #000000;
28 | color: rgba(255, 255, 255, 0.87);
29 | border: 1px solid rgba(255, 255, 255, 0.87);
30 | cursor: pointer;
31 | transition: all 0.3s;
32 |
33 | &:hover {
34 | border: 1px solid #0ec3c9;
35 | color: #0ec3c9;
36 | }
37 |
38 | &:active {
39 | background-color: #0ec3c9;
40 | }
41 |
42 | &:disabled {
43 | cursor: not-allowed;
44 | border: 1px solid rgba(255, 255, 255, 0.3);
45 | color: rgba(255, 255, 255, 0.3);
46 | }
47 | } */
--------------------------------------------------------------------------------
/code/client/src/pages/manager/PagesManager.js:
--------------------------------------------------------------------------------
1 | // import GameManager from "../../game/manager/GameManager";
2 |
3 | class PagesManager {
4 | constructor() {
5 | this.pages = null;
6 | }
7 |
8 | create(PagesElement) {
9 | this.pages = PagesElement;
10 | }
11 |
12 | handleLoadingPageVisible(value) {
13 | this.pages.handleLoadingPageVisible(value);
14 | }
15 |
16 | handleLoginPageVisible(value) {
17 | this.pages.handleLoginPageVisible(value);
18 | }
19 |
20 | handleLoadingGameVisible = (value) => {
21 | this.pages.handleLoadingGameVisible(value);
22 | };
23 |
24 | handleLobbyPageVisible = (value) => {
25 | this.pages.handleLobbyPageVisible(value);
26 | };
27 |
28 | handleRoomsPageVisible = (value) => {
29 | this.pages.handleRoomsPageVisible(value);
30 | };
31 |
32 | setPointerEventActive = (value) => {
33 | this.pages.setPointerEventActive(value);
34 | };
35 |
36 | handleGameInformationVisible = (value) => {
37 | this.pages.handleGameInformationVisible(value);
38 | if (!value) this.setPointerEventActive(false);
39 | };
40 | }
41 | export default new PagesManager();
42 |
--------------------------------------------------------------------------------
/assets/images/game/background/background.json:
--------------------------------------------------------------------------------
1 | {
2 | "frames": {
3 | "landscape_bg": {
4 | "frame": {
5 | "x": 1,
6 | "y": 1,
7 | "w": 2340,
8 | "h": 1440
9 | },
10 | "rotated": false,
11 | "trimmed": false,
12 | "spriteSourceSize": {
13 | "x": 0,
14 | "y": 0,
15 | "w": 2340,
16 | "h": 1440
17 | },
18 | "sourceSize": {
19 | "w": 2340,
20 | "h": 1440
21 | }
22 | },
23 | "portrait_bg": {
24 | "frame": {
25 | "x": 2343,
26 | "y": 1,
27 | "w": 1440,
28 | "h": 2340
29 | },
30 | "rotated": false,
31 | "trimmed": false,
32 | "spriteSourceSize": {
33 | "x": 0,
34 | "y": 0,
35 | "w": 1440,
36 | "h": 2340
37 | },
38 | "sourceSize": {
39 | "w": 1440,
40 | "h": 2340
41 | }
42 | }
43 | },
44 | "animations": {
45 | "portrait": ["portrait_bg"],
46 | "landscape": ["landscape_bg"]
47 | },
48 | "meta": {
49 | "app": "http://www.codeandweb.com/texturepacker",
50 | "version": "1.0",
51 | "image": "background.jpg",
52 | "format": "RGBA8888",
53 | "size": {
54 | "w": 3784,
55 | "h": 2342
56 | },
57 | "scale": "1"
58 | }
59 | }
--------------------------------------------------------------------------------
/code/client/src/App.jsx:
--------------------------------------------------------------------------------
1 | import "./App.css";
2 | import PixiGame from './game/PixiGame';
3 | import { useRef, useState, useEffect } from 'react';
4 | import { StartGame } from './game/StartGame';
5 | import ScreenUtils from './utility/screen/ScreenUtils';
6 | import UIManager from './UI/manager/UIManager.js';
7 | import Pages from './pages/Pages';
8 | import PagesManager from './pages/manager/PagesManager.js';
9 | import UI from './UI/UI';
10 |
11 | function App() {
12 | const pixiRef = useRef();
13 | const UIRef = useRef(null);
14 | const pagesRef = useRef(null);
15 |
16 | useEffect(() => {
17 | const game = pixiRef.current;
18 | const UI = UIRef.current
19 | const pages = pagesRef.current
20 |
21 | StartGame(game);
22 | UIManager.create(UI)
23 | PagesManager.create(pages)
24 | ScreenUtils.resizeScreen(UI, game, pages)
25 | window.addEventListener("resize", () => ScreenUtils.resizeScreen(UI, game, pages));
26 | }, []);
27 |
28 | return (
29 | Balance
29 |{balanceValue.toFixed(2)}★
30 |
30 |
31 |
33 |
34 | );
35 | }
36 |
37 | export default App;
38 |
--------------------------------------------------------------------------------
/code/client/src/game/machine/config/machineConfig.ts:
--------------------------------------------------------------------------------
1 | import { GAME_SAFE_LANDSCAPE_HEIGHT, GAME_SAFE_LANDSCAPE_WIDTH } from "../../../config/screenConfig";
2 |
3 | export const MACHINE_CONFIG = {
4 | x: GAME_SAFE_LANDSCAPE_WIDTH/2,
5 | y: GAME_SAFE_LANDSCAPE_HEIGHT/2 - 60,
6 | stopSpinTweenDelay: 2,
7 | };
8 |
9 | export const REELS_CONFIG = {
10 | columns: 5,
11 | spaceX: 130,
12 | };
13 |
14 | export const REEL_SYMBOLS_CONFIG = {
15 | count: 4,
16 | spaceY: 160,
17 | positionsY: [0, 160, 320, 480]
18 | };
19 |
20 | export const REEL_SPIN_TWEEN_CONFIG = {
21 | delayMultiplier: 0.03,
22 | symbolMoveDownLimitY: 640, //FIRST SYMBOL POSITION X + SYMBOL COUNT IN REEL* SYMBOL OFFSET Y
23 | symbolMoveSpeed: 30,
24 | offsetY: 160,
25 | repeat: -1,
26 | };
27 |
28 | export const REEL_STOP_SPIN_TWEEN_CONFIG = {
29 | newY: 160,
30 | duration: 0.5, //0.1
31 | ease: "back.out(1)",
32 | };
33 |
34 | export const VIEW_CONFIG = {
35 | mask: {
36 | x: -78,
37 | y: 75,
38 | w: 675,
39 | h: 487,
40 | },
41 | background: {
42 | textureKey: "symbols_bg",
43 | x: 260,
44 | y: 320,
45 | scaleX: 0.6,
46 | scaleY: 0.6,
47 | },
48 | };
49 |
50 |
--------------------------------------------------------------------------------
/code/client/src/game/machine/reel/symbol/Symbol.ts:
--------------------------------------------------------------------------------
1 | import SymbolModel from "./model/SymbolModel";
2 | import SymbolView from "./view/SymbolView";
3 | import SymbolController from "./controller/SymbolController";
4 | import Container from "../../../components/Container";
5 | import ISymbolConfig from "./interface/ISymbolConfig";
6 |
7 | export default class Symbol extends Container {
8 | protected _model: SymbolModel;
9 | protected _view: SymbolView;
10 | protected _controller: SymbolController;
11 |
12 | constructor(config: ISymbolConfig) {
13 | super();
14 | this.y = config.y;
15 | this._view = new SymbolView(config.view, this);
16 | this._model = new SymbolModel(config.id);
17 | this._controller = new SymbolController(this, this._model, this._view);
18 | }
19 |
20 | public set texture(textureKey: string){
21 | this._controller.spriteTexture = textureKey
22 | }
23 |
24 | public get texture(){
25 | return this._controller.spriteTexture
26 | }
27 |
28 | public playAnimation(){
29 | this._controller.playSpriteAnimationOnce()
30 | }
31 |
32 | public setAlpha(value: number){
33 | this._controller.setTextureAlpha(value)
34 | }
35 |
36 | }
37 |
--------------------------------------------------------------------------------
/code/client/src/UI/middleBar/CSS/MiddleBar.css:
--------------------------------------------------------------------------------
1 | #UI #middle-bar {
2 | position: absolute;
3 | display: flex;
4 | justify-content:end;
5 | /* display: flex;
6 | justify-content:space-between;
7 | align-items: center; */
8 | transform: translate(0%, -50%);
9 | /* transform-origin: 0.5 0.5 0.5; */
10 | width: 100%;
11 | height: 600px;
12 | font-size: 24px;
13 | top: 10%;
14 |
15 | /* position: absolute;
16 | display: flex;
17 | justify-content:space-around;
18 | width: 100vw;
19 | background: rgba(0,0,0,.3); */
20 | /* transform: translate(0%, 0%); */
21 | /* top: 100vh; */
22 | /* bottom: 0; */
23 |
24 | /* transform-origin: bottom center; */
25 |
26 | }
27 |
28 | #middle-bar #spin-button {
29 | position: absolute;
30 | top: 65%;
31 | left:79%
32 | /* margin-right: 140px; */
33 | /* margin-top: 400px; */
34 | }
35 |
36 | @media (max-aspect-ratio: 1) {
37 | #middle-bar #spin-button img {
38 | transform:scale(1.3) !important
39 | }
40 |
41 | #middle-bar #spin-button {
42 | top: 130%;
43 | left:79%
44 | /* margin-right: 40px;
45 | margin-top: 800px; */
46 | }
47 |
48 | }
--------------------------------------------------------------------------------
/assets/images/game/background/background_overlay.json:
--------------------------------------------------------------------------------
1 | {
2 | "frames": {
3 | "landscape_overlay_bg": {
4 | "frame": {
5 | "x": 1,
6 | "y": 1,
7 | "w": 2340,
8 | "h": 1440
9 | },
10 | "rotated": false,
11 | "trimmed": false,
12 | "spriteSourceSize": {
13 | "x": 0,
14 | "y": 0,
15 | "w": 2340,
16 | "h": 1440
17 | },
18 | "sourceSize": {
19 | "w": 2340,
20 | "h": 1440
21 | }
22 | },
23 | "portrait_overlay_bg": {
24 | "frame": {
25 | "x": 2343,
26 | "y": 1,
27 | "w": 1440,
28 | "h": 2340
29 | },
30 | "rotated": false,
31 | "trimmed": false,
32 | "spriteSourceSize": {
33 | "x": 0,
34 | "y": 0,
35 | "w": 1440,
36 | "h": 2340
37 | },
38 | "sourceSize": {
39 | "w": 1440,
40 | "h": 2340
41 | }
42 | }
43 | },
44 | "animations": {
45 | "portrait": ["portrait_overlay_bg"],
46 | "landscape": ["landscape_overlay_bg"]
47 | },
48 | "meta": {
49 | "app": "http://www.codeandweb.com/texturepacker",
50 | "version": "1.0",
51 | "image": "background_overlay.png",
52 | "format": "RGBA8888",
53 | "size": {
54 | "w": 3784,
55 | "h": 2342
56 | },
57 | "scale": "1"
58 | }
59 | }
--------------------------------------------------------------------------------
/code/client/src/game/darkScreen/DarkScreen.ts:
--------------------------------------------------------------------------------
1 | import { GAME_SAFE_LANDSCAPE_HEIGHT, GAME_SAFE_LANDSCAPE_WIDTH } from "../../config/screenConfig";
2 | import DarkScreenModel from "./model/DarkScreenModel";
3 | import DarkScreenView from "./view/DarkScreenView";
4 | import DarkScreenController from "./controller/DarkScreenController";
5 | import Container from "../components/Container";
6 | import darkScreenConfig from "./config/darkScreenConfig";
7 |
8 | export default class DarkScreen extends Container{
9 | protected _model: DarkScreenModel
10 | protected _view: DarkScreenView
11 | protected _controller: DarkScreenController
12 |
13 | constructor() {
14 | super()
15 | this._view = new DarkScreenView(darkScreenConfig.view, this)
16 | this._model = new DarkScreenModel(darkScreenConfig.model)
17 | this._controller = new DarkScreenController(this._model, this._view, this)
18 | this.pivot.set(0 , 0);
19 | this.x = GAME_SAFE_LANDSCAPE_WIDTH/2
20 | this.y = 300
21 | }
22 |
23 | public startOpenAnimation(){
24 | this._controller.openTween()
25 | }
26 |
27 | public startCloseAnimation(){
28 | this._controller.closeTween()
29 | }
30 |
31 | }
--------------------------------------------------------------------------------
/code/client/src/game/gameLogo/GameLogo.ts:
--------------------------------------------------------------------------------
1 | import { GAME_SAFE_LANDSCAPE_HEIGHT, GAME_SAFE_LANDSCAPE_WIDTH } from "../../config/screenConfig";
2 | import BackgroundModel from "./model/GameLogoModel";
3 | import BackgroundView from "./view/GameLogoView";
4 | import GameLogoController from "./controller/GameLogoController";
5 | import Container from "../components/Container";
6 | import backgroundConfig from "./config/gameLogoConfig";
7 |
8 | export default class GameLogo extends Container{
9 | protected _model: BackgroundModel
10 | protected _view: BackgroundView
11 | protected _controller: GameLogoController
12 |
13 | constructor() {
14 | super()
15 | this._view = new BackgroundView(backgroundConfig.view, this)
16 | this._model = new BackgroundModel(backgroundConfig.model)
17 | this._controller = new GameLogoController(this._model, this._view, this)
18 | this.pivot.set(0 , 0);
19 | this.x = GAME_SAFE_LANDSCAPE_WIDTH/2
20 | this.y = 36
21 | }
22 |
23 | public changeOrientation(key: string){
24 | this._controller.changeTextureOrientation(key)
25 | }
26 |
27 | public startOpenAnimation(){
28 | this._controller.openTween()
29 | }
30 |
31 | }
--------------------------------------------------------------------------------
/code/client/src/services/webSocket/SocketClient.ts:
--------------------------------------------------------------------------------
1 | import Socket from "socket.io-client";
2 | import { WEBSOCKET_URL } from "../config";
3 | import GameSignals from "../../gameSignals/GameSignals";
4 |
5 | class SocketClient {
6 | client: any
7 | constructor() {
8 | this.client = null
9 | this.bindSignals()
10 | }
11 |
12 | public async connectWithServer() {
13 | this.client = await Socket(`${WEBSOCKET_URL}`)
14 | }
15 |
16 | public setupServerListeners() {
17 | this.client.on("userState", (data: any) => {
18 | GameSignals.onPlayerAndGameState.dispatch(data)
19 | });
20 |
21 | this.client.on("updateGameData", (data: any) => {
22 | GameSignals.onUpdateGameData.dispatch(data)
23 | });
24 | }
25 |
26 | private spinButtonClick(userData: any){
27 | this.client.emit("spinAction", userData);
28 | }
29 |
30 | private getPlayerAndGameState(authToken: string | undefined) {
31 | this.client.emit("getUserState", authToken);
32 | }
33 |
34 | private bindSignals(){
35 | GameSignals.spinButtonClick.add((userData: any) => this.spinButtonClick(userData));
36 | GameSignals.getPlayerAndGameState.add((data: string | undefined) => this.getPlayerAndGameState(data));
37 | }
38 | }
39 |
40 |
41 | export default new SocketClient()
--------------------------------------------------------------------------------
/assets/side-channel-CzTPmnEc.js:
--------------------------------------------------------------------------------
1 | import{g as c}from"./get-intrinsic-B1Ut8WxJ.js";import{b as l}from"./call-bind-CkPzBTRv.js";import{o as m}from"./object-inspect-CJVVCa5F.js";import{t as M}from"./es-errors-DzOT6E3C.js";var v=c,o=l,$=m,x=M,i=v("%WeakMap%",!0),p=v("%Map%",!0),d=o("WeakMap.prototype.get",!0),h=o("WeakMap.prototype.set",!0),w=o("WeakMap.prototype.has",!0),g=o("Map.prototype.get",!0),G=o("Map.prototype.set",!0),S=o("Map.prototype.has",!0),u=function(a,n){for(var r=a,e;(e=r.next)!==null;r=e)if(e.key===n)return r.next=e.next,e.next=a.next,a.next=e,e},W=function(a,n){var r=u(a,n);return r&&r.value},b=function(a,n,r){var e=u(a,n);e?e.value=r:a.next={key:n,next:a.next,value:r}},H=function(a,n){return!!u(a,n)},E=function(){var n,r,e,s={assert:function(t){if(!s.has(t))throw new x("Side channel does not contain "+$(t))},get:function(t){if(i&&t&&(typeof t=="object"||typeof t=="function")){if(n)return d(n,t)}else if(p){if(r)return g(r,t)}else if(e)return W(e,t)},has:function(t){if(i&&t&&(typeof t=="object"||typeof t=="function")){if(n)return w(n,t)}else if(p){if(r)return S(r,t)}else if(e)return H(e,t);return!1},set:function(t,f){i&&t&&(typeof t=="object"||typeof t=="function")?(n||(n=new i),h(n,t,f)):p?(r||(r=new p),G(r,t,f)):(e||(e={key:{},next:null}),b(e,t,f))}};return s};export{E as s};
2 |
--------------------------------------------------------------------------------
/code/server/controllers/payPal/success.js:
--------------------------------------------------------------------------------
1 | const databaseManager = require("../../MongoDB/DatabaseManager");
2 | const payPalManager = require("../../PayPal/PayPalManager");
3 |
4 | async function success(req, res) {
5 | const payerId = req.query.PayerID;
6 | const paymentId = req.query.paymentId;
7 | const price = req.query.price;
8 | const purchasedCoinsCount = req.query.purchasedCoinsCount;
9 |
10 | const executePaymentJSON = payPalManager.executePaymentJSON(payerId, price);
11 |
12 | payPalManager.executePayment(
13 | paymentId,
14 | executePaymentJSON,
15 | async (error, payment) => {
16 | if (error) {
17 | console.log(error.response);
18 | throw error;
19 | } else {
20 | const orderingPlayer = await databaseManager.downloadPlayer({
21 | paymentId,
22 | });
23 | const { money, accountID } = orderingPlayer;
24 | const updatedMoney = money + Number(purchasedCoinsCount);
25 | await updatePlayerData(accountID, updatedMoney);
26 | console.log("PAYMENT SUCCESS");
27 | }
28 | }
29 | );
30 | }
31 |
32 | async function updatePlayerData(accountID, money) {
33 | await databaseManager.updatePlayer({ accountID, money });
34 | }
35 |
36 | module.exports = success;
37 |
--------------------------------------------------------------------------------
/code/client/src/game/components/text/Text.ts:
--------------------------------------------------------------------------------
1 | import * as PIXI from "pixi.js";
2 | import ITextConfig from "./interface/ITextConfig";
3 |
4 | export default class Text extends PIXI.Text {
5 | constructor(config: ITextConfig) {
6 | const {
7 | message,
8 | x = 0,
9 | y = 0,
10 | anchorX = 0,
11 | anchorY = 0,
12 | visible = true,
13 | isStatic = false,
14 | scaleX = 1,
15 | scaleY = 1,
16 | textConfig: {
17 | fontFamily = "Arial",
18 | fontSize = 55,
19 | fill = 0x000000,
20 | wordWrap = false,
21 | wordWrapWidth = 100,
22 | } = {}
23 | } = config;
24 | //@ts-ignorets
25 | super(message, { fontFamily, fontSize, fill, wordWrap, wordWrapWidth});
26 |
27 | this.anchor.set(anchorX, anchorY);
28 | this.position.set(x, y);
29 | this.visible = visible;
30 | this.scale.x = scaleX;
31 | this.scale.y = scaleY;
32 | this.cacheAsBitmap = isStatic;
33 | this.updateMessage(message);
34 | }
35 |
36 | public updateMessage(updatedText: string | number) {
37 | this.text = updatedText;
38 | }
39 | }
--------------------------------------------------------------------------------
/assets/@socket.io-Dkula2eQ.js:
--------------------------------------------------------------------------------
1 | function r(t){if(t)return n(t)}function n(t){for(var s in r.prototype)t[s]=r.prototype[s];return t}r.prototype.on=r.prototype.addEventListener=function(t,s){return this._callbacks=this._callbacks||{},(this._callbacks["$"+t]=this._callbacks["$"+t]||[]).push(s),this};r.prototype.once=function(t,s){function e(){this.off(t,e),s.apply(this,arguments)}return e.fn=s,this.on(t,e),this};r.prototype.off=r.prototype.removeListener=r.prototype.removeAllListeners=r.prototype.removeEventListener=function(t,s){if(this._callbacks=this._callbacks||{},arguments.length==0)return this._callbacks={},this;var e=this._callbacks["$"+t];if(!e)return this;if(arguments.length==1)return delete this._callbacks["$"+t],this;for(var a,i=0;i
37 |
43 | );
44 | });
45 |
46 | export default MiddleBar;
47 |
--------------------------------------------------------------------------------
/code/server/controllers/payPal/createPayment.js:
--------------------------------------------------------------------------------
1 | const orderData = require("../../game/orderData");
2 | // const loginToken = require("../../LoginToken/LoginToken");
3 | // const JWT = require("../../JWT/JWTManager");
4 | const payPalManager = require("../../PayPal/PayPalManager");
5 | const databaseManager = require("../../MongoDB/DatabaseManager");
6 |
7 | function createPayment(req, res) {
8 | const { clientToken, orderNumber } = req.body;
9 | const { price, purchasedCoinsCount } = getOrderData(orderNumber);
10 | const decodedToken = loginToken.decode(clientToken).accountID;
11 |
12 | const paymentJSON = payPalManager.createPaymentJSON(
13 | price,
14 | purchasedCoinsCount
15 | );
16 |
17 | payPalManager.createPayment(paymentJSON, async (error, payment) => {
18 | if (error) {
19 | console.error(error);
20 | } else {
21 | const approvalUrl = payment.links.find(
22 | (link) => link.rel === "approval_url"
23 | ).href;
24 |
25 | const paymentId = payment.id;
26 |
27 | await databaseManager.updatePaymentId({
28 | decodedToken,
29 | paymentId,
30 | });
31 |
32 | res.json({ redirectUrl: approvalUrl });
33 | }
34 | });
35 | }
36 |
37 | function getOrderData(orderNumber) {
38 | if (!orderData.has(orderNumber)) {
39 | throw new Error("Invalid order number");
40 | }
41 |
42 | return orderData.get(orderNumber);
43 | }
44 |
45 | module.exports = createPayment;
46 |
--------------------------------------------------------------------------------
/code/client/src/index.css:
--------------------------------------------------------------------------------
1 | /* :root {
2 | font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
3 | line-height: 1.5;
4 | font-weight: 400;
5 |
6 | color-scheme: light dark;
7 | color: rgba(255, 255, 255, 0.87);
8 | background-color: #242424;
9 |
10 | font-synthesis: none;
11 | text-rendering: optimizeLegibility;
12 | -webkit-font-smoothing: antialiased;
13 | -moz-osx-font-smoothing: grayscale;
14 | }
15 |
16 | a {
17 | font-weight: 500;
18 | color: #646cff;
19 | text-decoration: inherit;
20 | }
21 | a:hover {
22 | color: #535bf2;
23 | }
24 |
25 | body {
26 | margin: 0;
27 | display: flex;
28 | place-items: center;
29 | min-width: 320px;
30 | min-height: 100vh;
31 | }
32 |
33 | h1 {
34 | font-size: 3.2em;
35 | line-height: 1.1;
36 | }
37 |
38 | button {
39 | border-radius: 8px;
40 | border: 1px solid transparent;
41 | padding: 0.6em 1.2em;
42 | font-size: 1em;
43 | font-weight: 500;
44 | font-family: inherit;
45 | background-color: #1a1a1a;
46 | cursor: pointer;
47 | transition: border-color 0.25s;
48 | }
49 | button:hover {
50 | border-color: #646cff;
51 | }
52 | button:focus,
53 | button:focus-visible {
54 | outline: 4px auto -webkit-focus-ring-color;
55 | }
56 |
57 | @media (prefers-color-scheme: light) {
58 | :root {
59 | color: #213547;
60 | background-color: #ffffff;
61 | }
62 | a:hover {
63 | color: #747bff;
64 | }
65 | button {
66 | background-color: #f9f9f9;
67 | }
68 | } */
69 |
--------------------------------------------------------------------------------
/assets/call-bind-CkPzBTRv.js:
--------------------------------------------------------------------------------
1 | import{g as c}from"./get-intrinsic-B1Ut8WxJ.js";import{f as b}from"./function-bind-B8G-TZ45.js";import{s as h}from"./set-function-length-Ct5B6P4y.js";import{t as B}from"./es-errors-DzOT6E3C.js";import{r as O}from"./es-define-property-28jGrh5V.js";var F=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function I(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function M(t){if(t.__esModule)return t;var r=t.default;if(typeof r=="function"){var e=function n(){return this instanceof n?Reflect.construct(r,arguments,this.constructor):r.apply(this,arguments)};e.prototype=r.prototype}else e={};return Object.defineProperty(e,"__esModule",{value:!0}),Object.keys(t).forEach(function(n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}),e}var s={exports:{}};(function(t){var r=b,e=c,n=h,o=B,a=e("%Function.prototype.apply%"),i=e("%Function.prototype.call%"),p=e("%Reflect.apply%",!0)||r.call(i,a),f=O(),v=e("%Math.max%");t.exports=function(l){if(typeof l!="function")throw new o("a function is required");var m=p(r,i,arguments);return n(m,1+v(0,l.length-(arguments.length-1)),!0)};var u=function(){return p(r,a,arguments)};f?f(t.exports,"apply",{value:u}):t.exports.apply=u})(s);var $=s.exports,d=c,y=$,w=y(d("String.prototype.indexOf")),D=function(r,e){var n=d(r,!!e);return typeof n=="function"&&w(r,".prototype.")>-1?y(n):n};export{M as a,D as b,F as c,I as g};
2 |
--------------------------------------------------------------------------------
/code/client/src/managers/SceneManager.ts:
--------------------------------------------------------------------------------
1 | import AppManager from "../managers/AppManager";
2 | import SceneStorage from "../storage/SceneStorage";
3 | import BaseScene from "../game/abstraction/BaseScene";
4 |
5 | export default class SceneManager {
6 |
7 | public static addScene(scene: BaseScene[]):void {
8 | scene.forEach((scene) => {
9 | SceneStorage.addScene(scene)
10 | AppManager.addChild(scene)
11 | });
12 | }
13 |
14 | public static autoStartFirstScene(): void {
15 | const scenesMap = SceneStorage.scenes
16 | const scenesKeys = Array.from(scenesMap.keys());
17 | const firstScene = scenesKeys.length > 0 ? scenesKeys[0] : undefined;
18 | if(firstScene)
19 | this.startScene(firstScene);
20 | }
21 |
22 | public static startScene(key: string, data?: any):void {
23 | const scene = SceneStorage.getScene(key)
24 | scene?.init(data)
25 | }
26 |
27 | public static removeScene(key: string):void {
28 | const sceneInstance = this.getScene(key)
29 | if(sceneInstance)
30 | AppManager.removeChild(sceneInstance)
31 | }
32 |
33 | public static getScene(key: string){
34 | return SceneStorage.getScene(key)
35 | }
36 |
37 | public static deleteScene(key: string):void {
38 | this.removeScene(key)
39 | SceneStorage.deleteScene(key)
40 | }
41 |
42 | public static setVisible(key: string, value: any) {
43 | const sceneInstance = this.getScene(key);
44 | sceneInstance.visible = value;
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/code/client/src/game/components/sprite/Sprite.ts:
--------------------------------------------------------------------------------
1 | import * as PIXI from "pixi.js";
2 | import ImageManager from "../../../managers/ImageManager";
3 | import ISpriteConfig from "./interface/ISpriteConfig";
4 |
5 | export default class Sprite extends PIXI.Sprite {
6 | constructor(config: ISpriteConfig) {
7 | const {
8 | textureKey,
9 | x = 0,
10 | y = 0,
11 | anchorX = 0.5,
12 | anchorY = 0.5,
13 | visible = true,
14 | scaleX = 1,
15 | scaleY = 1,
16 | angle = 0,
17 | tint = 0xFFFFFF,
18 | isStatic = true,
19 | interactive = false,
20 | eventMode = "none"
21 | } = config;
22 | const spriteTexture = ImageManager.getImage(textureKey)
23 |
24 | super(spriteTexture);
25 | this.anchor.set(anchorX, anchorY);
26 | this.position.set(x, y);
27 | this.scale.x = scaleX;
28 | this.scale.y = scaleY;
29 | this.angle = angle;
30 | this.tint = tint;
31 | this.visible = visible;
32 | this.filters = null;//@ts-ignorets
33 | this.eventMode = eventMode
34 | this.interactiveChildren = interactive;
35 | this.cacheAsBitmap = isStatic;
36 | }
37 |
38 | public changeTexture(newTexture: string) {
39 | const updatedTexture = ImageManager.getImage(newTexture);
40 | if (updatedTexture) {
41 | this.texture = updatedTexture
42 | } else {
43 | console.error(`Image with key "${newTexture}" not found.`);
44 | }
45 | }
46 |
47 | public setVisible(value: boolean) {
48 | this.visible = value;
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/code/client/src/game/machine/creditsCounter/view/CreditsCounterView.ts:
--------------------------------------------------------------------------------
1 | import Sprite from "../../../components/sprite/Sprite";
2 | // import Text from "../../../components/text/Text";
3 | import Container from "../../../components/Container";
4 | import * as PIXI from "pixi.js";
5 |
6 | // import { SPRITE_CONFIG } from "../config/spinButtonConfig";
7 |
8 | export default class CreditsCounterView {
9 | public shine: Sprite;
10 | public creditsText: PIXI.BitmapText;
11 | constructor(scene: Container) {//@ts-ignorets
12 | this.scene = scene
13 | this.shine = this.createShine();
14 | this.creditsText = this.createCreditsText();
15 | }
16 |
17 | private createShine(): Sprite {
18 | const config = {
19 | textureKey: "credits_counter_background",
20 | isStatic: false,
21 | visible: true,
22 | scaleX: 0.6,
23 | scaleY: 0.6,
24 | };
25 | const sprite = new Sprite(config);//@ts-ignorets
26 | this.scene.addChild(sprite);
27 | return sprite;
28 | }
29 |
30 | private createCreditsText(): PIXI.BitmapText {
31 | const config={
32 | fontName: 'Desyrel',
33 | fontSize: 100,
34 | align: 'right',
35 | }
36 | //@ts-ignorets
37 | const text = new PIXI.BitmapText("0", config);//@ts-ignorets
38 | this.scene.addChild(text);
39 | text.visible = true
40 | text.x = 0
41 | text.y = 0
42 | text.scale.x = 0.5;
43 | text.scale.y = 0.5;
44 | text.anchor.set(0.5, 0.5);
45 | text.pivot.set(0.5 , 0.5);
46 | return text;
47 | }
48 | }
49 |
50 |
--------------------------------------------------------------------------------
/code/client/src/components/textureButton/TextureButton.jsx:
--------------------------------------------------------------------------------
1 | import React, { useRef, useImperativeHandle, useState } from 'react';
2 | import "./CSS/TextureButton.css";
3 |
4 | const TextureButton = React.forwardRef((props, ref) => {
5 | const [isHovered, setIsHovered] = useState(false);
6 | const [isPush, setIsPush] = useState(false);
7 |
8 | const extension = props.svg ? ".svg" : ".png"
9 | const path = "\\assets\\images\\UI\\buttons\\"
10 | const defaultTexture = path + props.default + extension;
11 | const hoverTexture = path + props.hover + extension;
12 | const pushTexture = path + props.push + extension
13 |
14 | const handleButtonHover = () => {
15 | setIsHovered(true);
16 | };
17 |
18 | const handleButtonLeave = () => {
19 | setIsHovered(false);
20 | };
21 |
22 | const handleClick = () => {
23 | props.onClick()
24 | }
25 |
26 | const handleMouseDown = () => {
27 | setIsPush(true);
28 | };
29 |
30 | const handleMouseUp = () => {
31 | setIsPush(false);
32 | };
33 |
34 | const buttonImage = isPush ? pushTexture : (isHovered ? hoverTexture : defaultTexture);
35 |
36 | return (
37 |
38 |
39 |
42 |
38 | 
39 |
40 | );
41 | });
42 |
43 | export default TextureButton;
44 |
--------------------------------------------------------------------------------
/code/client/src/game/machine/reel/Reel.ts:
--------------------------------------------------------------------------------
1 | import RollView from "./view/ReelView";
2 | import ReelModel from "./model/ReelModel";
3 | import ReelController from "./controller/ReelController";
4 | import SymbolsStorage from "./symbolsStorage/SymbolsStorage";
5 | import Container from "../../components/Container";;
6 |
7 | export default class Reel extends Container {
8 | private _view: RollView;
9 | private _model: ReelModel
10 | private _controller: ReelController
11 | private _symbolsStorage: SymbolsStorage
12 | constructor(x: number) {
13 | super();
14 | this.x = x;
15 | this._symbolsStorage = new SymbolsStorage()
16 | this._view = new RollView(this);
17 | this._model = new ReelModel()
18 | this._controller = new ReelController(this, this._view, this._model, this._symbolsStorage )
19 | }
20 |
21 | public playReelAnimation(){
22 | return this._controller.startSpinTween()
23 | }
24 |
25 | public set id(value: number){
26 | this._controller.id = value
27 | }
28 |
29 | public async stopReelAnimation(newSymbolTextureIndexes: number[]){
30 | await this._controller.startStopSpinTween(newSymbolTextureIndexes)
31 | }
32 |
33 | public reset(){
34 | this._controller.resetReel()
35 | }
36 |
37 | public handlePlaySymbolAnimation(symbolIndex: number){
38 | this._controller.handlePlaySymbolAnimation(symbolIndex)
39 | }
40 |
41 | public resetSymbolsALpha(){
42 | this._controller.resetSymbolsALpha()
43 | }
44 |
45 | public setSymbolsAlpha(value: number){
46 | this._controller.setSymbolsAlpha(value)
47 | }
48 |
49 | }
--------------------------------------------------------------------------------
/assets/ismobilejs-CHLuctl-.js:
--------------------------------------------------------------------------------
1 | var p=/iPhone/i,b=/iPod/i,h=/iPad/i,v=/\biOS-universal(?:.+)Mac\b/i,s=/\bAndroid(?:.+)Mobile\b/i,f=/Android/i,r=/(?:SD4930UR|\bSilk(?:.+)Mobile\b)/i,d=/Silk/i,t=/Windows Phone/i,u=/\bWindows(?:.+)ARM\b/i,c=/BlackBerry/i,m=/BB10/i,w=/Opera Mini/i,y=/\b(CriOS|Chrome)(?:.+)Mobile/i,A=/Mobile(?:.+)Firefox\b/i,P=function(i){return typeof i<"u"&&i.platform==="MacIntel"&&typeof i.maxTouchPoints=="number"&&i.maxTouchPoints>1&&typeof MSStream>"u"};function T(i){return function(n){return n.test(i)}}function g(i){var n={userAgent:"",platform:"",maxTouchPoints:0};!i&&typeof navigator<"u"?n={userAgent:navigator.userAgent,platform:navigator.platform,maxTouchPoints:navigator.maxTouchPoints||0}:typeof i=="string"?n.userAgent=i:i&&i.userAgent&&(n={userAgent:i.userAgent,platform:i.platform,maxTouchPoints:i.maxTouchPoints||0});var a=n.userAgent,l=a.split("[FBAN");typeof l[1]<"u"&&(a=l[0]),l=a.split("Twitter"),typeof l[1]<"u"&&(a=l[0]);var e=T(a),o={apple:{phone:e(p)&&!e(t),ipod:e(b),tablet:!e(p)&&(e(h)||P(n))&&!e(t),universal:e(v),device:(e(p)||e(b)||e(h)||e(v)||P(n))&&!e(t)},amazon:{phone:e(r),tablet:!e(r)&&e(d),device:e(r)||e(d)},android:{phone:!e(t)&&e(r)||!e(t)&&e(s),tablet:!e(t)&&!e(r)&&!e(s)&&(e(d)||e(f)),device:!e(t)&&(e(r)||e(d)||e(s)||e(f))||e(/\bokhttp\b/i)},windows:{phone:e(t),tablet:e(u),device:e(t)||e(u)},other:{blackberry:e(c),blackberry10:e(m),opera:e(w),firefox:e(A),chrome:e(y),device:e(c)||e(m)||e(w)||e(A)||e(y)},any:!1,phone:!1,tablet:!1};return o.any=o.apple.device||o.android.device||o.windows.device||o.other.device,o.phone=o.apple.phone||o.android.phone||o.windows.phone,o.tablet=o.apple.tablet||o.android.tablet||o.windows.tablet,o}export{g as i};
2 |
--------------------------------------------------------------------------------
/code/client/src/game/gameLogo/controller/GameLogoController.ts:
--------------------------------------------------------------------------------
1 | import GameLogoModel from "../model/GameLogoModel";
2 | import GameLogoView from "../view/GameLogoView";
3 | import Container from "../../components/Container";
4 | import {SCREEN_TYPES} from "../../../config/screenConfig";
5 | import gsap from 'gsap';
6 |
7 |
8 | export default class GameLogoController {
9 | protected _model: GameLogoModel
10 | protected _view: GameLogoView
11 | protected _scene: Container
12 | constructor(model: GameLogoModel, view: GameLogoView, scene: Container) {
13 | this._scene = scene
14 | this._model = model
15 | this._view = view
16 | }
17 |
18 | private get sprite(){
19 | return this._view.sprite
20 | }
21 |
22 | private setViewTextureToPortrait(){
23 | this.sprite.changeTexture(this._model.portraitTexture)
24 | }
25 |
26 | private setViewTextureToLandscape(){
27 | this.sprite.changeTexture(this._model.landscapeTexture)
28 | }
29 |
30 | public changeTextureOrientation(key: string){
31 | if(key === SCREEN_TYPES.portrait) {
32 | this.setViewTextureToPortrait()
33 | this.sprite.y = -35
34 | this.sprite.scale.x = 0.4,
35 | this.sprite.scale.y = 0.4
36 | } else {
37 | this.setViewTextureToLandscape()
38 | this.sprite.y = 10
39 | this.sprite.scale.x = 0.3,
40 | this.sprite.scale.y = 0.3
41 | }
42 | }
43 |
44 | public openTween(){
45 | this._scene.scale.x = 5
46 | this._scene.scale.y = 5
47 | gsap.to( this._scene.scale, {
48 | x: 1,
49 | y: 1,
50 | duration: 1.5,
51 | ease: "back.out",
52 | });
53 | }
54 |
55 |
56 | }
--------------------------------------------------------------------------------
/code/server/MongoDB/DatabaseManager.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose");
2 | const { DB_URL } = require("./credentials");
3 | mongoose.set("strictQuery", true);
4 | const User = require("./models/User");
5 |
6 | class DatabaseManager {
7 | constructor() {}
8 |
9 | async connectDatabase() {
10 | await mongoose
11 | .connect(DB_URL, {
12 | useNewUrlParser: true,
13 | useUnifiedTopology: true,
14 | })
15 | .then(async () => {
16 | console.log("DB init");
17 | });
18 | }
19 |
20 | async createUser(data) {
21 | const { nick, money, passwordHash } = data;
22 | const user = new User({
23 | nick: nick,
24 | money: money,
25 | passwordHash: passwordHash,
26 | });
27 |
28 | await user
29 | .save()
30 | .then((savedDoc) => {
31 | console.log("User saved in database");
32 | })
33 | .catch((error) => {
34 | console.log(error + " User NOT saved in database");
35 | });
36 |
37 | return true;
38 | }
39 |
40 | updateUser(data) {
41 | return User.updateOne(
42 | { id: data.id },
43 | {
44 | $set: {
45 | score: data.score,
46 | },
47 | }
48 | );
49 | }
50 |
51 | async findUser(data) {
52 | return User.findOne(data).select("-_id -passwordHash -__v").lean();
53 | }
54 |
55 | downloadUser(data) {
56 | return this.findUser(data).then((user) => {
57 | if (!user) {
58 | return "User does not exist";
59 | }
60 | return user;
61 | });
62 | }
63 |
64 | downloadUsers() {
65 | return User.find({});
66 | }
67 | }
68 |
69 | mongoose.connection.on("connected", function () {
70 | console.log("Connected to mongo");
71 | });
72 |
73 | mongoose.connection.on("error", (error) => {
74 | console.log("Mongo connection ERROR", error);
75 | });
76 |
77 | const databaseManager = new DatabaseManager();
78 | module.exports = databaseManager;
79 |
--------------------------------------------------------------------------------
/code/client/src/game/machine/reel/symbol/controller/SymbolController.ts:
--------------------------------------------------------------------------------
1 | import SymbolModel from "../model/SymbolModel";
2 | import Container from "../../../../../components/Container";
3 | import SymbolView from "../view/SymbolView";
4 | import GameSignals from "../../../../../gameSignals/GameSignals";//@ts-ignorets
5 | import * as PIXI from "pixi.js";
6 |
7 | export default class SymbolController {
8 | protected _scene: Container;
9 | protected _model: SymbolModel
10 | protected _view: SymbolView
11 | constructor( scene: Container, model: SymbolModel, view: SymbolView) {
12 | this._scene = scene
13 | this._model = model
14 | this._view = view
15 | this.handleEvents()
16 | }
17 |
18 | public set spriteTexture(textureKey: string){
19 | this._view.sprite.changeTexture(textureKey)//@ts-ignorets
20 | this._view.sprite.atlasKey = textureKey
21 | }
22 |
23 | public setBlockSpriteInteractive(value: boolean){
24 | this._model.isBlocked = value
25 | }
26 |
27 | public playSpriteAnimationOnce(){
28 | this._view.sprite.playAnimationOnce()
29 | }
30 |
31 | public handleEvents() {
32 | this._view.sprite.on("pointerdown", () => {
33 | const data = {
34 | globalPosition: this.globalPosition,
35 | symbolAtlasKey: this.spriteAtlasKey,
36 | atlasKey: this.spriteAtlasKey
37 | }
38 | GameSignals.onShowSymbolDescribeLabel.dispatch(data)
39 | });
40 | }
41 |
42 | public get spriteTexture(){//@ts-ignorets
43 | return this._view.sprite.texture
44 | }
45 |
46 | public get spriteAtlasKey(){//@ts-ignorets
47 | return this._view.sprite.atlasKey
48 | }
49 |
50 | public setTextureAlpha(value: number){
51 | this._view.sprite.alpha = value
52 | }
53 |
54 | private get globalPosition(){
55 | return this._view.sprite.toGlobal(new PIXI.Point(0, 0));
56 | }
57 | }
58 |
59 |
--------------------------------------------------------------------------------
/assets/images/UI/buttons/bet_down_button_push.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
52 |
--------------------------------------------------------------------------------
/code/server/PayPal/PayPalManager.js:
--------------------------------------------------------------------------------
1 | const paypal = require("paypal-rest-sdk");
2 | const {
3 | CLIENT_ID,
4 | CLIENT_SECRET,
5 | MODE,
6 | SERVER_URL,
7 | } = require("../PayPal/credentials");
8 |
9 | class PayPalManager {
10 | constructor() {
11 | this.configurePayPal();
12 | }
13 |
14 | configurePayPal() {
15 | paypal.configure({
16 | mode: MODE,
17 | client_id: CLIENT_ID,
18 | client_secret: CLIENT_SECRET,
19 | });
20 | }
21 |
22 | createPaymentJSON(price, purchasedCoinsCount) {
23 | return {
24 | intent: "sale",
25 | payer: { payment_method: "paypal" },
26 | redirect_urls: {
27 | return_url: `${SERVER_URL}/success?price=${price}&purchasedCoinsCount=${purchasedCoinsCount}`,
28 | cancel_url: `${SERVER_URL}/cancel`,
29 | },
30 | transactions: [
31 | {
32 | item_list: {
33 | items: [
34 | {
35 | name: "Coins",
36 | sku: "ITEM",
37 | price: price,
38 | currency: "USD",
39 | quantity: 1,
40 | },
41 | ],
42 | },
43 | amount: {
44 | currency: "USD",
45 | total: price,
46 | },
47 | description: "Buying game coins",
48 | },
49 | ],
50 | };
51 | }
52 |
53 | createPayment(paymentJSON, cb) {
54 | paypal.payment.create(paymentJSON, async (error, payment) => {
55 | await cb(error, payment);
56 | });
57 | }
58 |
59 | executePaymentJSON(playerID, price) {
60 | return {
61 | payer_id: playerID,
62 | transactions: [
63 | {
64 | amount: {
65 | currency: "USD",
66 | total: price,
67 | },
68 | },
69 | ],
70 | };
71 | }
72 |
73 | executePayment(paymentId, executePaymentJSON, cb) {
74 | paypal.payment.execute(
75 | paymentId,
76 | executePaymentJSON,
77 | async (error, payment) => {
78 | cb(error, payment);
79 | }
80 | );
81 | }
82 | }
83 |
84 | const paypalManager = new PayPalManager();
85 |
86 | module.exports = paypalManager;
87 |
--------------------------------------------------------------------------------
/assets/images/UI/buttons/bet_down_button.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
52 |
--------------------------------------------------------------------------------
/code/client/src/game/machine/describeLabel/view/DescribeLabelView.ts:
--------------------------------------------------------------------------------
1 | import Sprite from "../../../components/sprite/Sprite";
2 | import AnimatedSprite from "../../../components/animatedSprite/AnimatedSprite";
3 | import Container from "../../../components/Container";
4 | import Text from "../../../components/text/Text";
5 | // import { SPRITE_CONFIG } from "../config/spinButtonConfig";
6 |
7 | export default class DescribeLabelView {
8 | public background: Sprite;
9 | public animatedSprite: AnimatedSprite;
10 | public describeText: Text;
11 |
12 | constructor(scene: Container) {//@ts-ignorets
13 | this.scene = scene
14 | this.background = this.createBackground();
15 | this.animatedSprite = this.createSprite()
16 | this.describeText = this.createDescribeText()
17 | }
18 |
19 | private createBackground(): Sprite {
20 | const config = {
21 | textureKey: "symbol_describe_label",
22 | x: -60,
23 | y: 0,
24 | scaleX:0.5,
25 | scaleY:0.5,
26 | anchorX: 0.5,
27 | anchorY: 0.5,
28 | };
29 | const sprite = new Sprite(config);//@ts-ignorets
30 | this.scene.addChild(sprite);
31 | return sprite;
32 | }
33 |
34 | private createSprite(): AnimatedSprite {
35 | const config = {
36 | atlasKey: "orange",
37 | startWithAnimation: "move",
38 | isStatic: false,
39 | loop: false,
40 | playOnStart: false,
41 | scaleX: 0.5,
42 | scaleY: 0.5
43 | };
44 | const sprite = new AnimatedSprite(config);//@ts-ignorets
45 | this.scene.addChild(sprite);
46 | return sprite;
47 | }
48 |
49 |
50 | private createDescribeText(): Text {
51 | const config = {
52 | message: "",
53 | x: -170,
54 | y: 0,
55 | anchorX: 0,
56 | anchorY: 0.5,
57 | scaleX:0.5,
58 | scaleY:0.5,
59 | // isStatic: true,
60 | textConfig: {
61 | fontFamily: "Trebuchet MS",
62 | fontSize: 50,
63 | fill: 0xFFFFFF,
64 | wordWrap: true,
65 | wordWrapWidth: 340,
66 | }
67 | };
68 |
69 | const sprite = new Text(config);//@ts-ignorets
70 | this.scene.addChild(sprite);
71 | return sprite;
72 | }
73 |
74 | }
75 |
--------------------------------------------------------------------------------
/assets/mini-signals-DMh6wOcT.js:
--------------------------------------------------------------------------------
1 | import{c as h}from"./call-bind-CkPzBTRv.js";var f={},d={};Object.defineProperty(d,"__esModule",{value:!0});d.MiniSignal=void 0;const _=Symbol("SIGNAL");function u(a){return typeof a=="object"&&_ in a}class o{constructor(){this._symbol=Symbol("MiniSignal"),this._refMap=new WeakMap,this._head=void 0,this._tail=void 0,this._dispatching=!1}hasListeners(){return this._head!=null}dispatch(...e){if(this._dispatching)throw new Error("MiniSignal#dispatch(): Signal already dispatching.");let i=this._head;if(i==null)return!1;for(this._dispatching=!0;i!=null;)i.fn(...e),i=i.next;return this._dispatching=!1,!0}add(e){if(typeof e!="function")throw new Error("MiniSignal#add(): First arg must be a Function.");return this._createRef(this._addNode({fn:e}))}detach(e){if(!u(e))throw new Error("MiniSignal#detach(): First arg must be a MiniSignal listener reference.");if(e[_]!==this._symbol)throw new Error("MiniSignal#detach(): MiniSignal listener does not belong to this MiniSignal.");const i=this._refMap.get(e);return i?(this._refMap.delete(e),this._disconnectNode(i),this._destroyNode(i),this):this}detachAll(){let e=this._head;if(e==null)return this;for(this._head=this._tail=void 0,this._refMap=new WeakMap;e!=null;)this._destroyNode(e),e=e.next;return this}_destroyNode(e){e.fn=void 0,e.prev=void 0}_disconnectNode(e){e===this._head?(this._head=e.next,e.next==null&&(this._tail=void 0)):e===this._tail&&(this._tail=e.prev,this._tail!=null&&(this._tail.next=void 0)),e.prev!=null&&(e.prev.next=e.next),e.next!=null&&(e.next.prev=e.prev)}_addNode(e){return this._head==null?(this._head=e,this._tail=e):(this._tail.next=e,e.prev=this._tail,this._tail=e),e}_createRef(e){const i={[_]:this._symbol};return this._refMap.set(i,e),i}_getRef(e){return this._refMap.get(e)}}d.MiniSignal=o;(function(a){var e=h&&h.__createBinding||(Object.create?function(s,n,t,r){r===void 0&&(r=t);var l=Object.getOwnPropertyDescriptor(n,t);(!l||("get"in l?!n.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(s,r,l)}:function(s,n,t,r){r===void 0&&(r=t),s[r]=n[t]}),i=h&&h.__exportStar||function(s,n){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(n,t)&&e(n,s,t)};Object.defineProperty(a,"__esModule",{value:!0}),i(d,a)})(f);export{f as d};
2 |
--------------------------------------------------------------------------------
/code/server/controllers/authorization/registration.js:
--------------------------------------------------------------------------------
1 | const databaseManager = require("../../MongoDB/DatabaseManager");
2 | const PasswordHasher = require("../../dataHasher/PasswordHasher");
3 |
4 | async function register(req, res) {
5 | const { username, password, nick } = req.body;
6 |
7 | try {
8 | const userPassword = username + password;
9 |
10 | if (checkCharactersCorrect(username, password, nick)) {
11 | console.log("one of the login characters is empty");
12 | return res.status(404).json({
13 | success: false,
14 | token: null,
15 | });
16 | }
17 |
18 | const hashedPassword = await PasswordHasher.hashPassword(userPassword);
19 |
20 | const user = await databaseManager.findUser({
21 | passwordHash: hashedPassword,
22 | });
23 |
24 | if (user) {
25 | console.log("User password hash exists in database");
26 | return res.status(404).json({
27 | success: false,
28 | });
29 | }
30 |
31 | console.log("User password hash does not exist in database");
32 | const userData = {
33 | nick: nick,
34 | money: 0,
35 | passwordHash: hashedPassword,
36 | };
37 |
38 | databaseManager.createUser(userData);
39 |
40 | return res.json({ success: true });
41 | } catch (error) {
42 | console.error("An error occurred during registration", error);
43 | return res.status(500).json({
44 | success: false,
45 | error: "Internal server error",
46 | });
47 | }
48 | }
49 |
50 | function checkCharacterCorrect(money) {
51 | // if (typeof money === 'number' && !isNaN(money)) {
52 | // return false;
53 | // }
54 | // if (typeof money === 'string' && money.trim() !== '') {
55 | // return false;
56 | // }
57 | return (
58 | !(typeof money === "number" && !isNaN(money)) &&
59 | !(typeof money === "string" && money.trim() !== "")
60 | );
61 | // return true;
62 | }
63 |
64 | function checkCharactersCorrect(username, password, nickname) {
65 | const usernameResult = checkCharacterCorrect(username);
66 | const passwordResult = checkCharacterCorrect(password);
67 | const nicknameResult = checkCharacterCorrect(nickname);
68 | return usernameResult && passwordResult && nicknameResult;
69 | }
70 |
71 | module.exports = register;
72 |
--------------------------------------------------------------------------------
/code/client/src/UI/UI.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component, createRef, useEffect } from 'react';
2 | import "./CSS/UI.css";
3 | import BottomBar from "./bottomBar/BottomBar";
4 | import TopBar from "./topBar/TopBar";
5 | import MiddleBar from "./middleBar/MiddleBar";
6 | import ComponentsContextRefsStorage from "../componentsContextRefs/ComponentsContextRefsStorage";
7 |
8 | class UI extends Component {
9 | constructor(props) {
10 | super(props);
11 | this.state = {
12 | width: '0px',
13 | height: '0px',
14 | left: '0px',
15 | top: '0px',
16 | transform: 'none',
17 | display: 'none'
18 | };
19 | this.topBarRef = createRef()
20 | this.bottomBarRef = createRef()
21 | this.middleBarRef = createRef()
22 |
23 | ComponentsContextRefsStorage.add("bottomBar", this.bottomBarRef)
24 | ComponentsContextRefsStorage.add("middleBar", this.middleBarRef)
25 | ComponentsContextRefsStorage.add("topBar", this.topBarRef)
26 | }
27 |
28 | handleVisible(value){
29 | value === true ? this.setState({display: 'block'}) : this.setState({display: 'none'})
30 | this.middleBarRef.current.startOpenTween()
31 | this.topBarRef.current.startOpenTween()
32 | this.bottomBarRef.current.startOpenTween()
33 | }
34 |
35 | resize(resizeData){
36 | this.setState(resizeData);
37 | }
38 |
39 | resizeBottomBar(resizeData){
40 | this.bottomBarRef.current.resize(resizeData)
41 | }
42 |
43 | resizeTopBar(resizeData){
44 | this.topBarRef.current.resize(resizeData)
45 | }
46 |
47 | get bottomBarHeight(){
48 | return this.bottomBarRef.current.getHeight()
49 | }
50 |
51 | render() {
52 | const { width, height, left, top, transform, display } = this.state;
53 | const style = { width, height, left, top, transform, display };
54 |
55 | return (
56 |
57 |
61 | );
62 | }
63 | }
64 |
65 | export default React.forwardRef((props, ref) =>
83 |
93 | );
94 | });
95 |
96 | export default BottomBar;
97 |
--------------------------------------------------------------------------------
/code/client/src/pages/Pages.jsx:
--------------------------------------------------------------------------------
1 | import React, { useRef, useState, useImperativeHandle } from 'react';
2 | import "./CSS/Pages.css";
3 | import LoadingScreen from "./loadingScreen/LoadingScreen";
4 | import LoginScreen from "./loginScreen/LoginScreen";
5 | import LoadingGame from "./loadingGame/LoadingGame";
6 | import GameInformation from "./gameInformation/GameInformation";
7 |
8 | const Pages = React.forwardRef((props, ref) => {
9 | const [responsiveState, setResponsiveState] = useState({
10 | width: '0px',
11 | height: '0px',
12 | left: '0px',
13 | top: '0px',
14 | transform: 'none',
15 | display: 'none'
16 | });
17 | const [active, setActive] = useState(true);
18 | const [loadingScreenVisible, setLoadingScreenVisible] = useState(false);
19 | const [loginScreenVisible, setLoginScreenVisible] = useState(false);
20 | const [loadingGameVisible, setLoadingGameVisible] = useState(true);
21 | const [gameInformationVisible, setGameInformationVisible] = useState(false);
22 |
23 | const loadingScreenRef = useRef(null);
24 | const loginScreenRef = useRef(null);
25 | const loadingGameRef = useRef(null);
26 | const gameInformationRef = useRef(null);
27 |
28 | const handleLoadingPageVisible =(value) => {
29 | setLoadingScreenVisible(value);
30 | }
31 |
32 | const handleGameInformationVisible = async (value) => {
33 | setGameInformationVisible(value);
34 | setPointerEventActive(true)
35 | }
36 |
37 | const handleLoginPageVisible = (value) => {
38 | setLoginScreenVisible(value);
39 | }
40 |
41 | const handleLoadingGameVisible = (value) => {
42 | setLoadingGameVisible(value)
43 | }
44 |
45 | const handleLobbyPageVisible = (value) => {
46 | if(value === false) lobbyScreenRef.current.removeListeners()
47 | setLobbyScreenVisible(value)
48 | }
49 |
50 | const resize = (resizeData) => {
51 | setResponsiveState(resizeData);
52 | }
53 |
54 | const setPointerEventActive = (value) => {
55 | setActive(value)
56 | }
57 |
58 | useImperativeHandle(ref, () => ({
59 | handleLoadingPageVisible,
60 | handleLoginPageVisible,
61 | handleLoadingGameVisible,
62 | handleLobbyPageVisible,
63 | setPointerEventActive,
64 | handleGameInformationVisible,
65 | resize
66 | }));
67 | const { width, height, left, top, transform, display } = responsiveState
68 | const style = { width, height, left, top, transform, display };
69 |
70 | return (
71 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
92 |
72 | {loadingGameVisible && }
73 | {loginScreenVisible && }
74 | {loadingScreenVisible && }
75 | {gameInformationVisible && }
76 |
77 | );
78 | });
79 |
80 | export default Pages;
--------------------------------------------------------------------------------
/assets/images/UI/buttons/information_button.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
83 |
--------------------------------------------------------------------------------
/assets/images/loading_game_anim.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/images/UI/buttons/hamburger_button.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
60 |
--------------------------------------------------------------------------------
/assets/engine.io-parser-BiEtp6m2.js:
--------------------------------------------------------------------------------
1 | const s=Object.create(null);s.open="0";s.close="1";s.ping="2";s.pong="3";s.message="4";s.upgrade="5";s.noop="6";const w=Object.create(null);Object.keys(s).forEach(e=>{w[s[e]]=e});const p={type:"error",data:"parser error"},U=typeof Blob=="function"||typeof Blob<"u"&&Object.prototype.toString.call(Blob)==="[object BlobConstructor]",T=typeof ArrayBuffer=="function",C=e=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(e):e&&e.buffer instanceof ArrayBuffer,m=({type:e,data:n},r,t)=>U&&n instanceof Blob?r?t(n):b(n,t):T&&(n instanceof ArrayBuffer||C(n))?r?t(n):b(new Blob([n]),t):t(s[e]+(n||"")),b=(e,n)=>{const r=new FileReader;return r.onload=function(){const t=r.result.split(",")[1];n("b"+(t||""))},r.readAsDataURL(e)};function B(e){return e instanceof Uint8Array?e:e instanceof ArrayBuffer?new Uint8Array(e):new Uint8Array(e.buffer,e.byteOffset,e.byteLength)}let g;function P(e,n){if(U&&e.data instanceof Blob)return e.data.arrayBuffer().then(B).then(n);if(T&&(e.data instanceof ArrayBuffer||C(e.data)))return n(B(e.data));m(e,!1,r=>{g||(g=new TextEncoder),n(g.encode(r))})}const E="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",y=typeof Uint8Array>"u"?[]:new Uint8Array(256);for(let e=0;e