WIP refactoring

Author: Jared-Sprague

.eslintrc.json

@@ -1,6 +1,11 @@
 {
     "root": true,
     "parser": "@typescript-eslint/parser",
+    "env": {
+        "browser": true,
+        "es6": true,
+        "node": true
+    },
     "plugins": [
         "@typescript-eslint",
         "jsdoc"

package-lock.json

@@ -26,11 +26,13 @@
         "lodash": "^4.17.20",
         "phaser": "~3.52.0",
         "protobufjs": "^6.10.2",
-        "rhea": "^1.0.24"
+        "rhea": "^1.0.24",
+        "uuid": "^8.3.2"
     },
     "devDependencies": {
         "@types/html-webpack-plugin": "^3.2.4",
         "@types/lodash": "^4.14.168",
+        "@types/uuid": "^8.3.0",
         "@typescript-eslint/eslint-plugin": "^4.15.1",
         "@typescript-eslint/parser": "^4.15.1",
         "browser-sync": "^2.26.14",

package.json

@@ -9,6 +9,6 @@ export default class Game extends Phaser.Game {
      * Construct by calling the parent constructor for Phaser.Game with our config
      */
     constructor() {
-        super(config);
+        super(config.PHASER_GAME_CONFIG);
     }
 }

src/game.ts src/Game.tssrc/game.ts renamed to src/Game.ts

@@ -1,22 +1,29 @@
 import 'phaser';
-import PreloadScene from './scenes/preloadScene';
-import MenuScene from './scenes/menuScene';
-import MainScene from './scenes/mainScene';
+import PreloadScene from './scenes/PreloadScene';
+import MenuScene from './scenes/MenuScene';
+import MainScene from './scenes/MainScene';
 
 const config = {
-    type           : Phaser.WEBGL,
-    backgroundColor: '#ffffff',
-    scale          : {
-        parent: 'phaser-game',
-        mode  : Phaser.Scale.RESIZE,
-    },
-    physics: {
-        default: 'arcade',
-        arcade : {
-            gravity: { y: 200 },
+    // Network config
+    BROKER_ENDPOINT : '10.88.0.21',
+    FORCE_MULTIPLIER: 200,
+
+    // Phaser config object to pass when creating the game
+    PHASER_GAME_CONFIG: {
+        type           : Phaser.WEBGL,
+        backgroundColor: '#ffffff',
+        scale          : {
+            parent: 'phaser-game',
+            mode  : Phaser.Scale.RESIZE,
+        },
+        physics: {
+            default: 'arcade',
+            arcade : {
+                debug: true,
+            },
         },
+        scene: [PreloadScene, MenuScene, MainScene],
     },
-    scene: [PreloadScene, MenuScene, MainScene],
 };
 
 export default config;

src/assets/images/spacepod.png

@@ -1,5 +1,5 @@
 import 'phaser';
-import Game from './game';
+import Game from './Game';
 
 window.addEventListener('load', () => {
     // Launch the game once the page loads

src/config.ts

@@ -1,15 +1,26 @@
+import config from '../config';
+import { v4 as uuidv4 } from 'uuid';
+
 /**
  * MainScene is the main scene of the game where game play happens
  */
 export default class MainScene extends Phaser.Scene {
-    private tickNum:number; // TODO: remove this, just and example to see the game loop running
+    private players:any; // TODO: Define the players Type
+    private myuuid:string;
+    private player_uuid:string;
+    private force_multiplier:number;
 
     /**
      * construct passing the unique key to the game instance
      */
     constructor() {
         super({ key: 'MainScene' });
-        this.tickNum = 0;
+
+        // Initialize properties
+        this.players = {};
+        this.myuuid = uuidv4();
+        this.player_uuid = '';
+        this.force_multiplier = config.FORCE_MULTIPLIER;
     }
 
     /**
@@ -35,12 +46,7 @@ export default class MainScene extends Phaser.Scene {
     /**
      * Main game loop
      */
-    update():void {
-        this.tickNum++;
-
-        if (this.tickNum % 100 === 0) {
-            // TODO: remove this, just an example to see the main game loop updating
-            console.log('ticks:', this.tickNum);
-        }
-    }
+    // update():void {
+    //
+    // }
 }

src/index.ts

@@ -20,6 +20,7 @@ export default class PreloadScene extends Phaser.Scene {
 
         // Load images
         this.load.image('starfield', 'images/starfield.jpg');
+        this.load.image('spacepod', 'images/spacepod.png');
 
         // Load audio
         this.load.audio('gameplay_track_1', [