#31 - Player hangar

client/build.mjs

@@ -2,6 +2,8 @@
 import { fileURLToPath } from 'url';
 import { dirname, resolve } from 'path';
 import esbuild from 'esbuild';
+import { YAMLPlugin } from 'esbuild-yaml';
+
 
 const __filename = fileURLToPath( import.meta.url );
 const __dirname = dirname( __filename );
@@ -12,6 +14,9 @@ esbuild
         bundle: true,
         minify: false,
         outdir: '../docs',
+        plugins: [
+            YAMLPlugin()
+        ],
         target: 'es2018',
         alias: {
             '@': resolve( __dirname, 'src/app' ),

client/dev.js

@@ -13,7 +13,7 @@ run('build:esbuild');
 chokidar.watch(['src', '../game'], { }).on('all', (event, path) => {
   if (event === 'change') {
     console.log(event, path);
-    if (path.endsWith('.js') || path.endsWith('.ts')) {
+    if (path.endsWith('.js') || path.endsWith('.ts') || path.endsWith('.yml')) {
         run('build:esbuild');
     }
   }

client/package.json

@@ -26,8 +26,9 @@
     "cross-env": "^7.0.3",
     "detect-gpu": "^5.0.57",
     "esbuild": "0.24.0",
+    "esbuild-yaml": "^3.0.4",
     "npm-run-all": "^4.1.5",
-    "postprocessing": "^6.36.5",
+    "postprocessing": "^6.37.8",
     "pug": "^3.0.3",
     "pug-stylus": "^0.0.5",
     "stylus": "^0.64.0",

client/src/app/main.js

@@ -3,6 +3,7 @@
  */
 import l from '@/helpers/l.js';
 import Config from "@/config.js";
+import Routes from "@/routes.js";
 import Scenograph from "@/scenograph.js";
 import UI from "@/ui.js";
 
@@ -12,7 +13,12 @@ import UI from "@/ui.js";
 l.config = new Config();
 
 /**
- * Scenograph controls the current scene
+ * Routes activate game modes and screens.
+ */
+l.routes = new Routes();
+
+/**
+ * Scenograph controls the current 3D scene
  */
 l.scenograph = new Scenograph();
 
@@ -25,7 +31,7 @@ l.init = function () {
     /**
      * Load up the overworld by default.
      */
-    l.current_scene = l.scenograph.load( "Overworld" );
+    l.current_scene = l.scenograph.director.load( "Overworld" );
 
     l.scenograph.init();
 }

client/src/app/routes.js

@@ -0,0 +1,28 @@
+/**
+ * @name            Routes
+ * @description     Provides an interface to load and unload game modes and screens.
+ * @namespace       l.routes
+ * @memberof        l
+ * @global
+ */
+
+/**
+ * Internal libs and helpers.
+ */
+import l from '@/helpers/l.js';
+
+import hangarRoute from '@/routes/hangar.js';
+import multiPlayerRoute from '@/routes/multiplayer.js';
+import singlePlayerRoute from '@/routes/singleplayer.js';
+
+export default class routes {
+
+    singlePlayer;
+
+    constructor() {
+        this.hangar = hangarRoute;
+        this.multiPlayer = multiPlayerRoute;
+        this.singlePlayer = singlePlayerRoute;
+    }
+
+}

client/src/app/routes/hangar.js

@@ -0,0 +1,66 @@
+/**
+ * @name            Hangar scene
+ * @description     Displays a player hangar
+ * @namespace       l.routes.hangar
+ * @memberof        l.routes
+ * @global
+ */
+
+/**
+ * Internal libs and helpers.
+ */
+import l from '@/helpers/l.js';
+
+export default class hangarRoute {
+
+    // Scenograph instance of a structure that contains a hangar.
+    targetStructure = false;
+
+    constructor() {
+        console.log( 'Hangar launched' );
+
+        // Start controls.
+        l.scenograph.controls.activate();
+
+        // Set client mode.
+        l.mode = 'hangar';
+
+        this.targetStructure = l.scenograph.objects.structures.platform.instances[0];
+
+        l.scenograph.actors.player = l.scenograph.actors.get('Player Two');
+        l.scenograph.actors.player.setMode('person');
+
+        this.loadHangar();
+
+    }
+
+    loadHangar() {
+      l.current_scene.scene.add(l.scenograph.objects.structures.hangar.mesh);
+      //this.targetStructure.visible = false;
+      l.scenograph.objects.structures.hangar.mesh.visible = true;
+        console.log(this.targetStructure.userData.config.hangars[0].position);
+      l.scenograph.objects.structures.hangar.mesh.position.x = this.targetStructure.userData.config.hangars[0].position.x;
+      l.scenograph.objects.structures.hangar.mesh.position.y = this.targetStructure.userData.config.hangars[0].position.y;
+      l.scenograph.objects.structures.hangar.mesh.position.z = this.targetStructure.userData.config.hangars[0].position.z;
+
+      l.scenograph.actors.player.vehicle.mesh.userData.object.position.x =  this.targetStructure.userData.config.hangars[0].position.x;
+      l.scenograph.actors.player.vehicle.mesh.userData.object.position.z = - 2.5 + this.targetStructure.userData.config.hangars[0].position.z;
+      l.scenograph.actors.player.vehicle.mesh.userData.object.position.y = l.scenograph.objects.structures.hangar.mesh.position.y - 7.5;
+
+      l.scenograph.actors.player.actorInstance.object.position.x = this.targetStructure.userData.config.hangars[0].position.x;
+      l.scenograph.actors.player.actorInstance.object.position.z = 10 + this.targetStructure.userData.config.hangars[0].position.z;
+      l.scenograph.actors.player.actorInstance.object.position.y = l.scenograph.objects.structures.hangar.mesh.position.y - 2.5
+      ;
+
+      l.scenograph.cameras.active.position.copy(l.scenograph.actors.player.actorInstance.object.position);
+
+      if ( l.scenograph.controls.orbit ) {
+          l.scenograph.cameras.orbit.updateProjectionMatrix();
+          l.scenograph.controls.orbit.update();
+          l.scenograph.controls.orbitTarget.x = l.scenograph.objects.structures.hangar.mesh.position.x;
+          l.scenograph.controls.orbitTarget.y = l.scenograph.objects.structures.hangar.mesh.position.y;
+          l.scenograph.controls.orbitTarget.z = l.scenograph.objects.structures.hangar.mesh.position.z;
+      }
+    }
+
+}

client/src/app/routes/multiplayer.js

@@ -0,0 +1,34 @@
+/**
+ * @name            Multi Player
+ * @description     Managees the game client's multi player mode.
+ * @namespace       l.routes.multiplayer
+ * @memberof        l.routes
+ * @global
+ */
+
+/**
+ * Internal libs and helpers.
+ */
+import l from '@/helpers/l.js';
+
+export default class multiPlayerRoute {
+
+    constructor() {
+        console.log( 'Multi player launched' );
+
+        // Start controls.
+        l.scenograph.controls.activate();
+
+        // Start overlays.
+        l.scenograph.overlays.activate();
+
+        let serverLocation = l.env == 'Dev' ? 'lcl.langenium.com:8090' : 'test.langenium.com:42069';
+
+        l.scenograph.modes.multiplayer.connect( '//' + serverLocation );
+
+        // Set client mode.
+        l.mode = 'multi_player';
+
+    }
+
+}

client/src/app/routes/singleplayer.js

@@ -0,0 +1,32 @@
+/**
+ * @name            Single Player
+ * @description     Managees the game client's single player mode.
+ * @namespace       l.routes.singleplayer
+ * @memberof        l.routes
+ * @global
+ */
+
+/**
+ * Internal libs and helpers.
+ */
+import l from '@/helpers/l.js';
+
+export default class singlePlayerRoute {
+
+    constructor() {
+        console.log( 'Single player launched' );
+
+        // Start controls.
+        l.scenograph.controls.activate();
+
+        // Start overlays.
+        l.scenograph.overlays.activate();
+
+        // Set client mode.
+        l.mode = 'single_player';
+
+        l.scenograph.actors.map.get('Player One').setMode('vehicle');
+
+    }
+
+}