Merge pull request #29 from saurabh-prosoft/feature/re-design-2

Feature/re design 2

src/game/main.ts

@@ -14,6 +14,7 @@ import { GameRoom } from '@/rooms/GameRoom';
 import { physicsEngine } from '@/app.config';
 import { Player } from '@/rooms/schema/RoomState';
 import { IMessageInput } from '@/types/interfaces';
+import { port } from '@/index';
 
 export class World {
   private static timeStep = 1 / 60;
@@ -58,7 +59,7 @@ export class World {
   private static async importPlayerMesh(instance: World) {
     const { meshes } = await SceneLoader.ImportMeshAsync(
       null,
-      'http://localhost:2567/assets/models/',
+      `http://localhost:${port}/assets/models/`,
       'Panzer_I.glb',
       instance.scene
     );

src/game/models/ground.ts

@@ -1,3 +1,4 @@
+import { port } from '@/index';
 import { Scene } from '@babylonjs/core';
 import { MeshBuilder, type GroundMesh } from '@babylonjs/core/Meshes';
 import { PhysicsAggregate, PhysicsShapeType } from '@babylonjs/core/Physics';
@@ -15,7 +16,7 @@ export class Ground {
   private static createMesh(scene: Scene) {
     const ground = new Ground();
     return new Promise<Ground>((resolve, reject) => {
-      loadImage('http://localhost:2567/assets/map/desert/height.png').then((image) => {
+      loadImage(`http://localhost:${port}/assets/map/desert/height.png`).then((image) => {
         const canvas = createCanvas(2048, 2048);
         const ctx = canvas.getContext('2d');
         ctx.drawImage(image, 0, 0, 2048, 2048);

src/index.ts

@@ -8,4 +8,7 @@ let port = 2567;
 if (['string', 'number'].includes(typeof process.env.PORT)) {
   port = typeof process.env.PORT === 'number' ? process.env.PORT : parseInt(process.env.PORT);
 }
+
+export { port };
+
 listen(app, port);

src/rooms/GameRoom.ts

@@ -77,8 +77,8 @@ export class GameRoom extends Room<RoomState> {
     }
   }
   onDispose() {
-    this.monitor.stop();
-    this.world.destroy();
+    this.monitor?.stop();
+    this.world?.destroy();
 
     console.log('Room', this.roomId, 'disposed');
   }