@urso/core 0.4.28 → 0.4.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@urso/core",
-  "version": "0.4.28",
+  "version": "0.4.31",
   "description": "HTML5 game engine",
   "main": "build/js/index.js",
   "author": "Megbrimef",

package/src/js/components/_info.js

@@ -1,8 +1,10 @@
 Urso.Core.Components = {};
+
 require('./base/_info.js');
 require('./debug/_info.js');
 require('./deviceRotate/_info.js');
 require('./fullscreen/_info.js');
+require('./layersSwitcher/_info.js');
 require('./loader/_info.js');
 require('./soundInitialPopup/_info.js');
 require('./stateDriven/_info.js');

package/src/js/components/layersSwitcher/_info.js

@@ -0,0 +1,4 @@
+Urso.Core.Components.LayersSwitcher = {
+    Controller: require('./controller'),
+    Config: require('./config'),
+};

package/src/js/components/layersSwitcher/config.js

@@ -0,0 +1,26 @@
+class ComponentsLayersSwitcher {
+    
+    constructor() {
+
+        //allLayers config example
+        this.allLayers = [
+            '^granny',
+            '^mainButton',
+            '^logo',
+            '.backround',
+            '^bonusPopup',
+            '.baseGame',
+            '.bonusGame'
+        ];
+
+        //groups layers config example
+        this.groupsLayers = {
+            'mainElements': ['^logo', '^mainButton', '.baseGame'],
+            'background': ['.backround'],
+            'granny': ['^granny'],
+            'bonusGame': ['.bonusGame', '^bonusPopup']
+        };
+    }
+}
+
+module.exports = ComponentsLayersSwitcher;

package/src/js/components/layersSwitcher/controller.js

@@ -0,0 +1,34 @@
+class ComponentsLayersSwitcherController extends Urso.Core.Components.Base.Controller {
+
+    constructor(...args) {
+        super(...args);
+        this._config = this.getInstance('Config');
+    }
+
+    /**
+     * disable all layers from the list of managed layers (config.allLayers) and enables layers corresponding to the desired group (config.groupsLayers[groupName])
+     * @param {String} groupName 
+     */
+    _showGroup(groupName) {
+        const configLayersGroup = this._config.groupsLayers[groupName];
+
+        if (configLayersGroup) {
+            this._config.allLayers.forEach(selectorLayers => {
+                const layerVisibleStatus = (configLayersGroup.includes(selectorLayers)) ? true : false;
+
+                Urso.findAll(selectorLayers).forEach((selectorObject) => {
+                    selectorObject.visible = layerVisibleStatus;
+                });
+            });
+
+        } else {
+            Urso.logger.error(`ComponentsLayersSwitcherController: group '${groupName}' was not found!`);
+        }
+    }
+
+    _subscribeOnce() {
+        this.addListener(Urso.events.COMPONENTS_LAYERS_SWITCHER_SWITCH, (groupName) => { this._showGroup(groupName) });
+    }
+}
+
+module.exports = ComponentsLayersSwitcherController;

package/src/js/modules/objects/baseModel.js

@@ -172,6 +172,20 @@ class ModulesObjectsBaseModel {
 
         return { x, y };
     }
+
+    /**
+     * generate texture from current object
+     * @param {String} [key]
+     * @returns {Object} - pixi.Texture
+     */
+    generateTexture(key = '') {
+        const newTexture = Urso.scenes.generateTexture(this._baseObject);
+
+        if (key)
+            Urso.cache.addTexture(key, newTexture);
+
+        return newTexture;
+    }
 }
 
 module.exports = ModulesObjectsBaseModel;

package/src/js/modules/observer/events.js

@@ -5,6 +5,7 @@ class ModulesObserverConfig {
         this.list = {
             COMPONENTS_FULLSCREEN_CHANGE: 'components.fullscreen.change',
             COMPONENTS_FULLSCREEN_SWITCH: 'components.fullscreen.switch',
+            COMPONENTS_LAYERS_SWITCHER_SWITCH: 'components.layersSwitcher.switch',
             MODULES_ASSETS_GROUP_LOADED: 'modules.assets.group.loaded',
             MODULES_ASSETS_LOAD_PROGRESS: 'modules.assets.load.progress',
             MODULES_ASSETS_LAZYLOAD_FINISHED: 'modules.assets.lazyLoad.finished',

package/src/js/modules/scenes/controller.js

@@ -76,6 +76,15 @@ class ModulesScenesController {
         return this._service.addObject(objects, parent, doNotRefreshStylesFlag);
     }
 
+    /**
+     * generateTexture from object
+     * @param {Object} obj
+     * @returns {Object} - pixi.Texture
+     */
+    generateTexture(obj) {
+        return this.getInstance('PixiWrapper').generateTexture(obj);
+    }
+
     /**
      * global timeScale getter
      */

package/src/js/modules/scenes/pixiWrapper.js

@@ -220,6 +220,15 @@ class ModulesScenesPixiWrapper {
         }, 16);
     }
 
+    /**
+     * generateTexture from object
+     * @param {Object} obj
+     * @returns {Object} - pixi.Texture
+     */
+     generateTexture(obj) {
+        return this.renderer.generateTexture(obj);
+    }
+
     _subscribeOnce() {
         this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_VISIBILITYCHANGE, this.visibilityChangeHandler.bind(this), true);
     }