@urso/core 0.3.10 → 0.4.1

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

@@ -1,89 +1,138 @@
-class ModulesObjectsModelsSpine extends Urso.Core.Modules.Objects.BaseModel {
-    constructor(params) {
-        super(params);
-
-        this.type = Urso.types.objects.SPINE;
-        this._addBaseObject();
-    }
-
-    setupParams(params) {
-        super.setupParams(params);
-
-        this.assetKey = Urso.helper.recursiveGet('assetKey', params, false);
-
-        this.animation = {
-            timeScale: Urso.helper.recursiveGet('animation.timeScale', params, 1),
-            name: Urso.helper.recursiveGet('animation.name', params, false),
-            loop: Urso.helper.recursiveGet('animation.loop', params, false),
-            onComplete: Urso.helper.recursiveGet('animation.onComplete', params, false)
-        };
-
-        params.animation = this.animation; //we redefine original property here
-    }
-
-    play(animationName, loopFlag = false, track = 0) {
-        this._baseObject.state.setAnimation(track, animationName, loopFlag);
-    }
-
-    addToSlot(object, slotName) {
-        const spine = this._baseObject;
-        const slotIndex = spine.spineData.slots.findIndex(({ name }) => name === slotName);
-        const currentSlot = spine.slotContainers[slotIndex];
-
-        if (currentSlot) {
-            object._baseObject.scale.y = -1;
-
-            Urso.objects.removeChild(object.parent, object)
-            currentSlot.addChild(object._baseObject);
-        } else {
-            Urso.logger.warn('ModulesObjectsModelsSpine addToSlot error: no spine slot ' + slotName);
-        }
-    }
-
-    /**
-     *
-     * @param {*} config
-     * @param {boolean} [noObjectCreate] dont use this flag out of core
-     *
-     * config keys:
-            timeScale
-            onComplete
-     */
-    setAnimationConfig(config = {}, noObjectCreate) {
-        this.animation = {
-            ...this.animation,
-            ...config
-        };
-
-        /*if (config.timeScale)
-            this._baseObject.state.timeScale = config.timeScale;*/ //deprecated - now we use getTimeScale getter
-
-        if (config.onComplete) {
-            this._baseObject.state.clearListeners();
-            this._baseObject.state.addListener({ complete: this.animation.onComplete });
-        }
-    }
-
-    _addBaseObject() {
-        let spineAsset = Urso.cache.getSpine(this.assetKey);
-
-        if (!spineAsset)
-            Urso.logger.error('ModulesObjectsModelsSpine assets error: no spine object ' + this.assetKey);
-
-        this._baseObject = new PIXI.spine.Spine(spineAsset.spineData);
-        //this._baseObject.state.timeScale = this.animation.timeScale;
-        Object.defineProperty(this._baseObject.state, 'timeScale', { get: this.getTimeScale.bind(this) });
-
-        if (this.animation.onComplete)
-            this._baseObject.state.addListener({ complete: this.animation.onComplete });
-
-        if (this.animation.name)
-            this.play(this.animation.name, this.animation.loop);
-    };
-
-    getTimeScale() {
-        return Urso.scenes.timeScale * this.animation.timeScale;
-    }
-}
-
-module.exports = ModulesObjectsModelsSpine;
+class ModulesObjectsModelsSpine extends Urso.Core.Modules.Objects.BaseModel {
+    constructor(params) {
+        super(params);
+
+        this.type = Urso.types.objects.SPINE;
+        this._addBaseObject();
+    }
+
+    /**
+     * setup params to object model
+     * @param {Object} params
+     */
+    setupParams(params) {
+        super.setupParams(params);
+
+        this.assetKey = Urso.helper.recursiveGet('assetKey', params, false);
+
+        this.animation = {
+            timeScale: Urso.helper.recursiveGet('animation.timeScale', params, 1),
+            name: Urso.helper.recursiveGet('animation.name', params, false),
+            loop: Urso.helper.recursiveGet('animation.loop', params, false),
+            onComplete: Urso.helper.recursiveGet('animation.onComplete', params, false)
+        };
+
+        params.animation = this.animation; //we redefine original property here
+    }
+
+    /**
+     * play spine animation
+     * @param {String} animationName
+     * @param {Boolean} [loopFlag]
+     * @param {Number} [track] - you can define track number for current animation
+     */
+    play(animationName, loopFlag = false, track = 0) {
+        this._baseObject.state.setAnimation(track, animationName, loopFlag);
+    }
+
+    /**
+     * stop track animation or all animations
+     * @param {Number} [track] - you can define track number to stop
+     */
+    stop(track) {
+        if (typeof track !== 'undefined')
+            this._baseObject.state.clearTrack(track);
+        else
+            this._baseObject.state.clearTracks();
+    }
+
+    /**
+     * add object to spine slot
+     * @param {Object} object - created by engine object
+     * @param {String} slotName
+     * @param {Boolean} replaceSlotContent - will replace other slot content
+     */
+    addToSlot(object, slotName, replaceSlotContent) {
+        const spine = this._baseObject;
+        const slotIndex = spine.spineData.slots.findIndex(({ name }) => name === slotName);
+        const currentSlot = spine.slotContainers[slotIndex];
+
+        if (currentSlot) {
+            object._baseObject.scale.y = -1;
+
+            Urso.objects.removeChild(object.parent, object);
+
+            if (replaceSlotContent)
+                currentSlot.removeChildren(); //todo check if its proxy and reset parent
+
+            //object.parent = this; //todo && make removeChild
+            currentSlot.addChild(object._baseObject);
+        } else {
+            Urso.logger.warn('ModulesObjectsModelsSpine addToSlot error: no spine slot ' + slotName);
+        }
+    }
+
+    /**
+     * replace spine slot with new object
+     * @param {Object} object - created by engine object
+     * @param {String} slotName
+     */
+    replaceSlotWith(object, slotName) {
+        this.addToSlot(object, slotName, true);
+    }
+
+    /**
+     * set/update animation config
+     * @param {*} config
+     * @param {boolean} [noObjectCreate] dont use this flag out of core
+     *
+     * config keys:
+            timeScale
+            onComplete
+     */
+    setAnimationConfig(config = {}, noObjectCreate) {
+        this.animation = {
+            ...this.animation,
+            ...config
+        };
+
+        /*if (config.timeScale)
+            this._baseObject.state.timeScale = config.timeScale;*/ //deprecated - now we use getTimeScale getter
+
+        if (config.onComplete) {
+            this._baseObject.state.clearListeners();
+            this._baseObject.state.addListener({ complete: this.animation.onComplete });
+        }
+    }
+
+    /**
+     * system function
+     * add object to pixi tree
+     */
+    _addBaseObject() {
+        let spineAsset = Urso.cache.getSpine(this.assetKey);
+
+        if (!spineAsset)
+            Urso.logger.error('ModulesObjectsModelsSpine assets error: no spine object ' + this.assetKey);
+
+        this._baseObject = new PIXI.spine.Spine(spineAsset.spineData);
+        //this._baseObject.state.timeScale = this.animation.timeScale;
+        Object.defineProperty(this._baseObject.state, 'timeScale', { get: this.getTimeScale.bind(this) });
+
+        if (this.animation.onComplete)
+            this._baseObject.state.addListener({ complete: this.animation.onComplete });
+
+        if (this.animation.name)
+            this.play(this.animation.name, this.animation.loop);
+    };
+
+    /**
+     * get animation timeScale
+     * @returns Number
+     */
+    getTimeScale() {
+        return Urso.scenes.timeScale * this.animation.timeScale;
+    }
+}
+
+module.exports = ModulesObjectsModelsSpine;

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

@@ -1,38 +1,38 @@
-class ModulesObjectsModelsText extends Urso.Core.Modules.Objects.BaseModel {
-    constructor(params) {
-        super(params);
-
-        this.type = Urso.types.objects.TEXT;
-        this._addBaseObject();
-    }
-
-    setupParams(params) {
-        super.setupParams(params);
-
-        this.text = Urso.helper.recursiveGet('text', params, false);
-
-        this.lineHeight = Urso.helper.recursiveGet('lineHeight', params, 0);
-        this.fontFamily = Urso.helper.recursiveGet('fontFamily', params, 'Arial');
-        this.fontSize = Urso.helper.recursiveGet('fontSize', params, false);
-        this.fontStyle = Urso.helper.recursiveGet('fontStyle', params, false); //'italic'
-        this.fontWeight = Urso.helper.recursiveGet('fontWeight', params, false); // 'bold'
-        this.fill = Urso.helper.recursiveGet('fill', params, '#000000'); // gradient  ['#ffffff', '#00ff99']
-        this.stroke = Urso.helper.recursiveGet('stroke', params, 'black');
-        this.strokeThickness = Urso.helper.recursiveGet('strokeThickness', params, 0);
-        this.dropShadow = Urso.helper.recursiveGet('dropShadow', params, false);
-        this.dropShadowColor = Urso.helper.recursiveGet('dropShadowColor', params, '#000000');
-        this.dropShadowBlur = Urso.helper.recursiveGet('dropShadowBlur', params, 0);
-        this.dropShadowAngle = Urso.helper.recursiveGet('dropShadowAngle', params, 0); //Math.PI / 6
-        this.dropShadowDistance = Urso.helper.recursiveGet('dropShadowBlur', params, 0); // 6
-        this.wordWrap = Urso.helper.recursiveGet('wordWrap', params, false);
-        this.wordWrapWidth = Urso.helper.recursiveGet('wordWrapWidth', params, 100)
-
-        this.maxWidth = Urso.helper.recursiveGet('maxWidth', params, false); //todo
-    }
-
-    _addBaseObject() {
-        this._baseObject = new PIXI.Text(this.text);
-    };
-}
-
-module.exports = ModulesObjectsModelsText;
+class ModulesObjectsModelsText extends Urso.Core.Modules.Objects.BaseModel {
+    constructor(params) {
+        super(params);
+
+        this.type = Urso.types.objects.TEXT;
+        this._addBaseObject();
+    }
+
+    setupParams(params) {
+        super.setupParams(params);
+
+        this.text = Urso.helper.recursiveGet('text', params, false);
+
+        this.lineHeight = Urso.helper.recursiveGet('lineHeight', params, 0);
+        this.fontFamily = Urso.helper.recursiveGet('fontFamily', params, 'Arial');
+        this.fontSize = Urso.helper.recursiveGet('fontSize', params, false);
+        this.fontStyle = Urso.helper.recursiveGet('fontStyle', params, false); //'italic'
+        this.fontWeight = Urso.helper.recursiveGet('fontWeight', params, false); // 'bold'
+        this.fill = Urso.helper.recursiveGet('fill', params, '#000000'); // gradient  ['#ffffff', '#00ff99']
+        this.stroke = Urso.helper.recursiveGet('stroke', params, 'black');
+        this.strokeThickness = Urso.helper.recursiveGet('strokeThickness', params, 0);
+        this.dropShadow = Urso.helper.recursiveGet('dropShadow', params, false);
+        this.dropShadowColor = Urso.helper.recursiveGet('dropShadowColor', params, '#000000');
+        this.dropShadowBlur = Urso.helper.recursiveGet('dropShadowBlur', params, 0);
+        this.dropShadowAngle = Urso.helper.recursiveGet('dropShadowAngle', params, 0); //Math.PI / 6
+        this.dropShadowDistance = Urso.helper.recursiveGet('dropShadowBlur', params, 0); // 6
+        this.wordWrap = Urso.helper.recursiveGet('wordWrap', params, false);
+        this.wordWrapWidth = Urso.helper.recursiveGet('wordWrapWidth', params, 100)
+
+        this.maxWidth = Urso.helper.recursiveGet('maxWidth', params, false); //todo
+    }
+
+    _addBaseObject() {
+        this._baseObject = new PIXI.Text(this.text);
+    };
+}
+
+module.exports = ModulesObjectsModelsText;

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

@@ -1,66 +1,66 @@
-class ModulesObjectsModelsTextInput extends Urso.Core.Modules.Objects.BaseModel {
-    constructor(params) {
-        super(params);
-
-        this.type = Urso.types.objects.TEXTINPUT;
-        this.text = '';
-        this._addBaseObject();
-        this._setRestrictedSymbosl();
-    }
-
-    setupParams(params) {
-        super.setupParams(params);
-
-        this.input = Urso.helper.recursiveGet('input', params, false);
-        this.box = Urso.helper.recursiveGet('box', params, false);
-        this.numbersOnly = Urso.helper.recursiveGet('numbersOnly', params, false);
-        this.allowedSymbols = Urso.helper.recursiveGet('allowedSymbols', params, false);
-        this.substituteText = Urso.helper.recursiveGet('substituteText', params, false);
-        this.maxLength = Urso.helper.recursiveGet('maxLength', params, false);
-    }
-
-    restrictInput(allowedSymbols) {
-        this._baseObject.restrict = allowedSymbols;
-    }
-
-    disable(){
-        this._baseObject.disabled = true 
-    }
-
-    enable(){
-        this._baseObject.disabled = false 
-    }
-
-    _setRestrictedSymbosl() {
-        if (this.numbersOnly) {
-            const regex = new RegExp('^[0-9]*');
-            this.restrictInput(regex);
-        } else if (this.allowedSymbols) {
-            this.restrictInput(this.allowedSymbols);
-        }
-    }
-
-    _onBlur(){
-        const data = {name: this.name, class: this.class, id: this.id, text: this.text};
-        this.emit(Urso.events.MODULES_OBJECTS_TEXTINPUT_BLUR, data);
-    }
-
-    _onInput() {
-        this.text = this._baseObject.text;
-        const data = {name: this.name, class: this.class, id: this.id, text: this.text};
-        this.emit(Urso.events.MODULES_OBJECTS_TEXTINPUT_INPUT, data);
-    }
-
-    _addBaseObject() {
-        this._baseObject = new PIXI.TextInput({ input: this.input, box: this.box });
-        this._baseObject.substituteText = this.substituteText;
-
-        if(this.maxLength)
-            this._baseObject.maxLength = this.maxLength
-
-        this._baseObject.on('blur', this._onBlur.bind(this))
-        this._baseObject.on('input', this._onInput.bind(this))
-    };
-}
-
-module.exports = ModulesObjectsModelsTextInput;
+class ModulesObjectsModelsTextInput extends Urso.Core.Modules.Objects.BaseModel {
+    constructor(params) {
+        super(params);
+
+        this.type = Urso.types.objects.TEXTINPUT;
+        this.text = '';
+        this._addBaseObject();
+        this._setRestrictedSymbosl();
+    }
+
+    setupParams(params) {
+        super.setupParams(params);
+
+        this.input = Urso.helper.recursiveGet('input', params, false);
+        this.box = Urso.helper.recursiveGet('box', params, false);
+        this.numbersOnly = Urso.helper.recursiveGet('numbersOnly', params, false);
+        this.allowedSymbols = Urso.helper.recursiveGet('allowedSymbols', params, false);
+        this.substituteText = Urso.helper.recursiveGet('substituteText', params, false);
+        this.maxLength = Urso.helper.recursiveGet('maxLength', params, false);
+    }
+
+    restrictInput(allowedSymbols) {
+        this._baseObject.restrict = allowedSymbols;
+    }
+
+    disable(){
+        this._baseObject.disabled = true 
+    }
+
+    enable(){
+        this._baseObject.disabled = false 
+    }
+
+    _setRestrictedSymbosl() {
+        if (this.numbersOnly) {
+            const regex = new RegExp('^[0-9]*');
+            this.restrictInput(regex);
+        } else if (this.allowedSymbols) {
+            this.restrictInput(this.allowedSymbols);
+        }
+    }
+
+    _onBlur(){
+        const data = {name: this.name, class: this.class, id: this.id, text: this.text};
+        this.emit(Urso.events.MODULES_OBJECTS_TEXTINPUT_BLUR, data);
+    }
+
+    _onInput() {
+        this.text = this._baseObject.text;
+        const data = {name: this.name, class: this.class, id: this.id, text: this.text};
+        this.emit(Urso.events.MODULES_OBJECTS_TEXTINPUT_INPUT, data);
+    }
+
+    _addBaseObject() {
+        this._baseObject = new PIXI.TextInput({ input: this.input, box: this.box });
+        this._baseObject.substituteText = this.substituteText;
+
+        if(this.maxLength)
+            this._baseObject.maxLength = this.maxLength
+
+        this._baseObject.on('blur', this._onBlur.bind(this))
+        this._baseObject.on('input', this._onInput.bind(this))
+    };
+}
+
+module.exports = ModulesObjectsModelsTextInput;