- Reldens - v4.0.0-beta.39

README.md

@@ -23,7 +23,7 @@ Welcome to Reldens, a platform designed to empower developers in creating multip
 
 With a wide array of features, Reldens enables developers to craft a rich gaming experience without grappling with the complexities usually associated with making a multiplayer game secure and efficient over any network.
 
-Built with popular development tools such as NodeJS, Parcel, Colyseus, Phaser, and Firebase, integrated with various database engines, and following robust development practices, the platform ensures security, ease of use, and high customization for developers.
+Built with popular development tools such as NodeJS, Parcel, Colyseus, Phaser and more, integrated with various database engines, and following robust development practices, the platform ensures security, ease of use, and high customization for developers.
 
 While the current stage of the platform is tailored for developers, ongoing improvements to the administration panel aim to make game creation accessible to non-developers in the future.
 
@@ -96,7 +96,6 @@ Join our Discord channel: [https://discord.gg/HuJMxUY](https://discord.gg/HuJMxU
 
 [![Ko-fi](https://img.shields.io/badge/Reldens-Support%20us%20on%20Ko--Fi-blue?style=for-the-badge)](https://ko-fi.com/I2I81VISA)
 [![Patroen](https://img.shields.io/badge/Reldens-Become%20a%20Patroen-blue?style=for-the-badge)](https://www.patreon.com/bePatron?u=18074832)
-[![Paypal](https://img.shields.io/badge/Reldens-Paypal%20Donation-blue?style=for-the-badge)](https://www.paypal.com/paypalme/damianpastorini)
 
 If you like to contribute in any way or donate to support the project please also feel free to contact me at [info@dwdeveloper.com](mailto:info@dwdeveloper.com).
 

bin/generate.js

@@ -88,7 +88,6 @@ let validCommands = {
             generatedFolder,
             FileHandler.joinPaths(process.cwd(), 'generated')
         );
-        // FileHandler.removeFolder(generatedFolder);
     }
 };
 

lib/game/client/game-engine.js

@@ -40,12 +40,16 @@ class GameEngine extends Game
         return this.TemplateEngine.render(template, view, partials, tags);
     }
 
+    // @TODO - BETA - Refactor for multiple sizes and remove the manager parameter.
     updateGameSize(manager)
     {
-        let {newWidth, newHeight} = this.getCurrentScreenSize(manager);
+        let {newWidth, newHeight, mapWidth, mapHeight, activeScene} = this.getCurrentScreenSize(manager);
         setTimeout(() => {
             this.eventsManager.emit('reldens.updateGameSizeBefore', this, newWidth, newHeight);
-            this.scale.setGameSize(newWidth, newHeight);
+            if(manager.config.getWithoutLogs('client/ui/screen/updateGameSizeEnabled', false)) {
+                this.scale.setGameSize(newWidth, newHeight);
+            }
+            this.centerSmallMapsCamera(manager, activeScene, newWidth, mapWidth, newHeight, mapHeight);
             for(let key of Object.keys(this.uiScene.elementsUi)){
                 let uiElement = this.uiScene.elementsUi[key];
                 let positionKey = sc.get(this.uiScene.userInterfaces[key], 'uiPositionKey', key);
@@ -54,9 +58,10 @@ class GameEngine extends Game
                 uiElement.y = uiY;
             }
             this.eventsManager.emit('reldens.updateGameSizeAfter', this, newWidth, newHeight);
-        }, manager.config.getWithoutLogs('client/general/gameEngine/updateGameSizeTimeOut', 500));
+        }, manager.config.getWithoutLogs('client/general/gameEngine/updateGameSizeTimeOut', 100));
     }
 
+    // @TODO - BETA - Refactor to remove the manager parameter and rename.
     getCurrentScreenSize(manager)
     {
         let gameContainer = manager.gameDom.getElement(GameConst.SELECTORS.GAME_CONTAINER);
@@ -66,17 +71,44 @@ class GameEngine extends Game
         let newHeight = containerHeight;
         let mapWidth = 0, mapHeight = 0;
         let activeScene = manager.getActiveScene();
-        if(activeScene && activeScene.map){
-            mapWidth = activeScene.map.width * activeScene.map.tileWidth;
-            newWidth = Math.min(containerWidth, mapWidth);
-            mapHeight = activeScene.map.height * activeScene.map.tileHeight;
-            newHeight = Math.min(containerHeight, mapHeight);
+        if(activeScene){
+            let activeSceneMap = activeScene.map;
+            if(activeSceneMap){
+                mapWidth = activeSceneMap.width * activeSceneMap.tileWidth;
+                mapHeight = activeSceneMap.height * activeSceneMap.tileHeight;
+                if(
+                    manager.config.getWithoutLogs('client/ui/screen/adjustUiElementsToMapSize', false)
+                    && 0 < mapWidth
+                    && 0 < mapHeight
+                ){
+                    newWidth = Math.min(containerWidth, mapWidth);
+                    newHeight = Math.min(containerHeight, mapHeight);
+                }
+            }
+        }
+        if(manager.config.getWithoutLogs('client/ui/maximum/enabled', true)){
+            let maxUiW = Number(manager.config.get('client/ui/maximum/x'));
+            newWidth = Math.min(newWidth, maxUiW);
+            let maxUiY = Number(manager.config.get('client/ui/maximum/y'));
+            newHeight = Math.min(newHeight, maxUiY);
+        }
+        return {newWidth, newHeight, containerWidth, containerHeight, mapWidth, mapHeight, activeScene};
+    }
+
+    centerSmallMapsCamera(manager, activeScene, newWidth, mapWidth, newHeight, mapHeight)
+    {
+        if(!manager.config.getWithoutLogs('client/ui/screen/centerSmallMapsCamera', true) || !activeScene){
+            return;
+        }
+        let cameraX = 0;
+        let cameraY = 0;
+        if (newWidth > mapWidth) {
+            cameraX = (newWidth - mapWidth) / 2;
+        }
+        if (newHeight > mapHeight) {
+            cameraY = (newHeight - mapHeight) / 2;
         }
-        let maxUiW = Number(manager.config.get('client/ui/maximum/x'));
-        newWidth = Math.min(newWidth, maxUiW);
-        let maxUiY = Number(manager.config.get('client/ui/maximum/y'));
-        newHeight = Math.min(newHeight, maxUiY);
-        return {newWidth, newHeight};
+        activeScene.cameras.main.setPosition(cameraX, cameraY);
     }
 
     showTarget(targetName, target, previousTarget)

lib/game/client/handlers/errors-block-handler.js

@@ -11,8 +11,18 @@ class ErrorsBlockHandler
 
     static reset(form)
     {
+        if(!form){
+            return false;
+        }
         let errorBlock = form.querySelector(GameConst.SELECTORS.RESPONSE_ERROR);
-        form.querySelector(GameConst.SELECTORS.INPUT).addEventListener('focus', () => {
+        if(!errorBlock){
+            return false;
+        }
+        let inputElement = form.querySelector(GameConst.SELECTORS.INPUT);
+        if(!inputElement){
+            return false;
+        }
+        inputElement.addEventListener('focus', () => {
             errorBlock.innerHTML = '';
             let loadingContainer = form.querySelector(GameConst.SELECTORS.LOADING_CONTAINER);
             if(loadingContainer){

lib/game/client/room-events.js

@@ -667,9 +667,10 @@ class RoomEvents
         }
         // this event happens once for every scene:
         await this.events.emit('reldens.createEngineScene', player, room, previousScene, this);
-        !this.gameManager.room
-            ? this.gameEngine.scene.start(player.state.scene)
-            : await this.destroyPreviousScene(previousScene, player);
+        if(this.gameManager.room){
+            await this.destroyPreviousScene(previousScene, player);
+        }
+        this.gameEngine.scene.start(player.state.scene);
         this.gameManager.room = room;
         let currentScene = this.gameEngine.scene.getScene(player.state.scene);
         currentScene.player = this.createPlayerEngineInstance(currentScene, player, this.gameManager, room);
@@ -730,7 +731,7 @@ class RoomEvents
         return Array.from(room.state.players.keys());
     }
 
-    async destroyPreviousScene(previousScene, player)
+    async destroyPreviousScene(previousScene)
     {
         if(!previousScene){
             Logger.warning('Missing previous scene data.', previousScene);
@@ -743,7 +744,6 @@ class RoomEvents
         }
         await previousSceneInstance.changeScene();
         this.gameEngine.scene.stop(previousScene);
-        this.gameEngine.scene.start(player.state.scene);
     }
 
     updateSceneLabel(newLabel)

lib/game/client/scene-dynamic.js

@@ -33,7 +33,7 @@ class SceneDynamic extends Scene
         this.player = false;
         this.interpolatePlayersPosition = {};
         this.interpolateObjectsPositions = {};
-        this.tilesets = [];
+        this.generatedTilesets = [];
         this.tilesetAnimations = [];
         this.stopOnDeathOrDisabledSent = false;
     }
@@ -119,7 +119,8 @@ class SceneDynamic extends Scene
     {
         this.map = this.make.tilemap({key: this.params.roomName});
         for(let imageKey of this.params.sceneImages){
-            let tileset = this.map.addTilesetImage(this.params.roomName, imageKey);
+            let tilesetName = imageKey.replace(/\.[^.]+$/, '');
+            let tileset = this.map.addTilesetImage(tilesetName, imageKey);
             if(!tileset){
                 Logger.critical(
                     'Tileset creation error. Check if the tileset name equals the imageKey without the extension.',
@@ -130,16 +131,15 @@ class SceneDynamic extends Scene
                     }
                 );
             }
-            //Logger.debug('Created tileset.', imageKey, this.params.roomName);
-            this.tilesets.push(tileset);
+            this.generatedTilesets.push(tileset);
         }
         this.registerLayers();
         this.registerTilesetAnimation();
     }
 
     registerTilesetAnimation()
     {
-        for(let tileset of this.tilesets){
+        for(let tileset of this.generatedTilesets){
             if(!this.hasTilesetAnimations(tileset)){
                 continue;
             }
@@ -414,7 +414,7 @@ class SceneDynamic extends Scene
         }
         let x = sc.roundToPrecision(Phaser.Math.Linear(entity.x, entityState.x, this.interpolationSpeed), 0);
         let y = sc.roundToPrecision(Phaser.Math.Linear(entity.y, entityState.y, this.interpolationSpeed), 0);
-        let bodyData = {x, y, inState: entityState.inState, mov: entityState.mov};
+        let bodyData = {x, y, inState: entityState.inState, mov: entityState.mov, dir: entityState.dir};
         objectsPlugin.updateObjectsAnimations(i, bodyData, this);
         if(!entityState.mov){
             delete this.interpolateObjectsPositions[i];
@@ -453,7 +453,7 @@ class SceneDynamic extends Scene
         let depthBelowPlayer = this.configManager.get('client/map/layersDepth/belowPlayer');
         let depthForChangePoints = this.configManager.get('client/map/layersDepth/changePoints');
         for(let layer of this.map.layers){
-            this.layers[idx] = this.map.createLayer(layer.name, this.tilesets);
+            this.layers[idx] = this.map.createLayer(layer.name, this.generatedTilesets);
             if(!this.layers[idx]){
                 Logger.critical('Map layer could not be created.', layer.name, this.key);
                 continue;