@urso/core 0.2.2-dev → 0.2.6

package/src/js/modules/objects/models/toggle.js

@@ -0,0 +1,169 @@
+
+const UrsoCoreModulesObjectsModelsButton = require('./button');
+
+class ModulesObjectsModelsToggle extends UrsoCoreModulesObjectsModelsButton {
+    constructor(params) {
+        super(params);
+
+        this._toggleStatus = 'unpressed';
+
+        this.type = Urso.types.objects.TOGGLE;
+        this._addBaseObject();
+
+        this.enable = this.enable.bind(this);
+        this.disable = this.disable.bind(this);
+    }
+
+    setupParams(params) {
+        super.setupParams(params);
+
+        this.action = Urso.helper.recursiveGet('action', params, () => { 
+            this.emit(Urso.events.MODULES_OBJECTS_TOGGLE_PRESS, { name: this.name, status: this._toggleStatus }) 
+        });
+
+        this.buttonFrames = {
+            pressedOver: Urso.helper.recursiveGet('buttonFrames.pressedOver', params, false),
+            pressedOut: Urso.helper.recursiveGet('buttonFrames.pressedOut', params, false),
+            unpressedOver: Urso.helper.recursiveGet('buttonFrames.unpressedOver', params, false),
+            unpressedOut: Urso.helper.recursiveGet('buttonFrames.unpressedOut', params, false),
+            pressedDown: Urso.helper.recursiveGet('buttonFrames.pressedDown', params, false),
+            unpressedDown: Urso.helper.recursiveGet('buttonFrames.unpressedDown', params, false),
+            pressedDisabled: Urso.helper.recursiveGet('buttonFrames.pressedDisabled', params, false),
+            unpressedDisabled: Urso.helper.recursiveGet('buttonFrames.unpressedDisabled', params, false),
+        }
+    }
+
+    setButtonFrame(key, assetKey) {
+        this.buttonFrames[key] = assetKey;
+
+        if (this._isOver)
+            this._changeTexture(`${this._toggleStatus}Over`);
+        else if(this._isDown)
+            this._changeTexture(`${this._toggleStatus}Down`);
+        else if(this._isDisabled)
+            this._changeTexture(`${this._toggleStatus}Disabled`);
+        else
+            this._changeTexture(`${this._toggleStatus}Out`);
+    }
+
+    enable() {
+        if (!this._isDisabled)
+            return false;
+
+        if (this._isOver)
+            this._changeTexture(`${this._toggleStatus}Over`);
+        else
+            this._changeTexture(`${this._toggleStatus}Out`);
+
+        this._isDisabled = false;
+    }
+
+    disable() {
+        if (this._isDisabled)
+            return false;
+
+        this._changeTexture(`${this._toggleStatus}Disabled`);
+        this._isDisabled = true;
+    }
+
+    _addBaseObject() {
+        this._baseObject = new PIXI.Sprite();
+        this._changeTexture('unpressedOut');
+
+        this._baseObject.interactive = true;
+        this._baseObject.buttonMode = true;
+
+        if (this.pixelPerfectOver) {
+            //todo
+        }
+
+        if (this.pixelPerfectClick) {
+            //todo
+        }
+
+        this._baseObject
+            .on('pointerdown', this._onButtonDown.bind(this))
+            .on('pointerup', this._onButtonUp.bind(this))
+            .on('pointerupoutside', this._onButtonUp.bind(this))
+            .on('pointerover', this._onButtonOver.bind(this))
+            .on('pointerout', this._onButtonOut.bind(this));
+    };
+
+    _onButtonDown() {
+        if (this._isDisabled)
+            return false;
+
+        this._isDown = true;
+
+        if (this.keyDownAction)
+            this.keyDownAction();
+
+        if (this._isDisabled) //can be disabled after keyDownAction
+            return false;
+
+        this._changeTexture(`${this._toggleStatus}Down`);
+
+        this._toggleStatus = this._toggleStatus === 'pressed' ? 'unpressed' : 'pressed';
+    }
+
+    _onButtonUp() {
+        if (this._isDisabled)
+            return false;
+
+        this._isDown = false;
+
+        if (this.action)
+            this.action();
+
+        if (this._isDisabled) //can be disabled after action
+            return false;
+
+        if (this._isOver)
+            this._changeTexture(`${this._toggleStatus}Over`);
+        else
+            this._changeTexture(`${this._toggleStatus}Out`);
+    }
+
+    _onButtonOver() {
+        this._isOver = true;
+
+        if (this._isDisabled || this._isDown)
+            return false;
+
+        if (this.mouseOverAction)
+            this.mouseOverAction();
+
+        this._changeTexture(`${this._toggleStatus}Over`);
+    }
+
+    _onButtonOut() {
+        this._isOver = false;
+
+        if (this._isDisabled || this._isDown)
+            return false;
+
+        if (this.mouseOutAction)
+            this.mouseOutAction();
+
+        this._changeTexture(`${this._toggleStatus}Out`);
+    }
+
+    _changeTexture(key) {
+        let texture = Urso.cache.getTexture(this.buttonFrames[key]);
+
+        if (!texture) {
+            if (key === `${this._toggleStatus}Out`) {
+                Urso.logger.error('ModulesObjectsModelsButton assets error: no out image ' + this.buttonFrames.out);
+                return false;
+            }
+
+            this._changeTexture(`${this._toggleStatus}Out`); // load default texture for this key
+            return false;
+        }
+
+        this._baseObject.texture = texture;
+        return true;
+    }
+}
+
+module.exports = ModulesObjectsModelsToggle;

package/src/js/modules/objects/propertyAdapter.js

@@ -31,7 +31,9 @@ class PropertyAdapter {
             Urso.types.objects.COMPONENT,
             Urso.types.objects.CONTAINER,
             Urso.types.objects.GROUP,
-            Urso.types.objects.WORLD
+            Urso.types.objects.WORLD,
+            Urso.types.objects.SLIDER,
+            Urso.types.objects.SCROLLBOX,
         ];
 
         this._typesWithoutAnchor = [
@@ -40,7 +42,10 @@ class PropertyAdapter {
             Urso.types.objects.HITAREA,
             Urso.types.objects.MASK,
             Urso.types.objects.SPINE,
-            Urso.types.objects.WORLD
+            Urso.types.objects.SLIDER,
+            Urso.types.objects.TEXTINPUT,
+            Urso.types.objects.CHECKBOX,
+            Urso.types.objects.WORLD,
         ];
     }
 

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

@@ -8,6 +8,10 @@ class ModulesObserverConfig {
             MODULES_ASSETS_LAZYLOAD_FINISHED: 'modules.assets.lazyLoad.finished',
             MODULES_OBJECTS_BUTTON_PRESS: 'modules.objects.button.press',
             MODULES_OBJECTS_HIT_AREA_PRESS: 'modules.objects.hitArea.press',
+            MODULES_OBJECTS_SLIDER_SET_NEW_VALUE: 'modules.objects.slider.setNewValue',
+            MODULES_OBJECTS_TOGGLE_PRESS: 'modules.objects.toggle.press',
+            MODULES_OBJECTS_TEXTINPUT_BLUR: 'modules.objects.textinput.blur',
+            MODULES_OBJECTS_CHECKBOX_PRESS: 'modules.objects.checkbox.press',
             MODULES_LOGIC_SOUNDS_DO: 'modules.soundManager.do',
             MODULES_SOUND_MANAGER_UPDATE_CFG: 'modules.soundManager.updateCfg',
             MODULES_SOUND_MANAGER_SET_GLOBAL_VOLUME: 'modules.soundManager.setGlobalVolume',

package/src/js/modules/template/types.js

@@ -32,7 +32,12 @@ class ModulesTemplateTypes {
                 GROUP: 15,
                 IMAGES_ANIMATION: 16,
                 DRAGONBONES: 17,
-                ATLASIMAGE: 18
+                ATLASIMAGE: 18,
+                SLIDER: 19,
+                TOGGLE: 20,
+                CHECKBOX: 21,
+                SCROLLBOX: 22,
+                TEXTINPUT: 23
             }
         }
     }

package/src/js/components/stateDriven/actionConfig.js

@@ -1,7 +0,0 @@
-class ComponentsStateDrivenActionConfig  {
-
-    //TODO run logic and save finish callback and autocall it
-
-}
-
-module.exports = ComponentsStateDrivenActionConfig;