@urso/core 0.4.30 → 0.4.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@urso/core",
-  "version": "0.4.30",
+  "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/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',