@urso/core 0.6.16-dev → 0.6.17

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

@@ -1,67 +1,67 @@
-class ModulesObjectsModelsEmitter extends Urso.Core.Modules.Objects.BaseModel {
-    constructor(params) {
-        super(params);
-
-        this.type = Urso.types.objects.EMITTER;
-
-        this.emitter = null;
-
-        this._addBaseObject();
-        this._addEmitter();
-    }
-
-    setupParams(params) {
-        super.setupParams(params);
-
-        this.autostart = Urso.helper.recursiveGet('autostart', params, false);
-        this.cfg = Urso.helper.recursiveGet('cfg', params, false); // json asset key with emitter config
-        this.textures = Urso.helper.recursiveGet('textures', params, []); // array of image asset keys
-    }
-
-    _addBaseObject() {
-        this._baseObject = new PIXI.ParticleContainer();
-        this._baseObject.setProperties({
-            scale: true,
-            position: true,
-            rotation: true,
-            uvs: true,
-            alpha: true,
-        });
-    };
-
-    _addEmitter() {
-        const cfg = Urso.cache.getJson(this.cfg);
-        const textures = [];
-
-        if (!cfg || !cfg.data)
-            throw new SyntaxError(`Config error in ${this.name} emitter`);
-
-        for (const textureName of this.textures) {
-            const texture = Urso.cache.getTexture(textureName);
-            if (texture)
-                textures.push(texture);
-        }
-
-        if (textures.length > 1) {
-            const texturesOptions = {
-                framerate: 20,
-                loop: true,
-                textures
-            };
-
-            this.emitter = new PIXI.particles.Emitter(this._baseObject, texturesOptions, cfg.data);
-            this.emitter.particleConstructor = PIXI.particles.AnimatedParticle; //import { AnimatedParticle } from "pixi-particles";
-        } else {
-            this.emitter = new PIXI.particles.Emitter(this._baseObject, textures, cfg.data);
-        }
-
-        this.emitter.emit = this.autostart;
-        this.emitter.autoUpdate = true;
-    }
-
-    play() {
-        this.emitter.emit = true;
-    }
-}
-
-module.exports = ModulesObjectsModelsEmitter;
+class ModulesObjectsModelsEmitter extends Urso.Core.Modules.Objects.BaseModel {
+    constructor(params) {
+        super(params);
+
+        this.type = Urso.types.objects.EMITTER;
+
+        this.emitter = null;
+
+        this._addBaseObject();
+        this._addEmitter();
+    }
+
+    setupParams(params) {
+        super.setupParams(params);
+
+        this.autostart = Urso.helper.recursiveGet('autostart', params, false);
+        this.cfg = Urso.helper.recursiveGet('cfg', params, false); // json asset key with emitter config
+        this.textures = Urso.helper.recursiveGet('textures', params, []); // array of image asset keys
+    }
+
+    _addBaseObject() {
+        this._baseObject = new PIXI.ParticleContainer();
+        this._baseObject.setProperties({
+            scale: true,
+            position: true,
+            rotation: true,
+            uvs: true,
+            alpha: true,
+        });
+    };
+
+    _addEmitter() {
+        const cfg = Urso.cache.getJson(this.cfg);
+        const textures = [];
+
+        if (!cfg || !cfg.data)
+            throw new SyntaxError(`Config error in ${this.name} emitter`);
+
+        for (const textureName of this.textures) {
+            const texture = Urso.cache.getTexture(textureName);
+            if (texture)
+                textures.push(texture);
+        }
+
+        if (textures.length > 1) {
+            const texturesOptions = {
+                framerate: 20,
+                loop: true,
+                textures
+            };
+
+            this.emitter = new PIXI.particles.Emitter(this._baseObject, texturesOptions, cfg.data);
+            this.emitter.particleConstructor = PIXI.particles.AnimatedParticle; //import { AnimatedParticle } from "pixi-particles";
+        } else {
+            this.emitter = new PIXI.particles.Emitter(this._baseObject, textures, cfg.data);
+        }
+
+        this.emitter.emit = this.autostart;
+        this.emitter.autoUpdate = true;
+    }
+
+    play() {
+        this.emitter.emit = true;
+    }
+}
+
+module.exports = ModulesObjectsModelsEmitter;

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

@@ -1,99 +1,99 @@
-class ModulesObjectsModelsEmitterFx extends Urso.Core.Modules.Objects.BaseModel {
-    constructor(params) {
-        super(params);
-
-        this.type = Urso.types.objects.EMITTERFX;
-
-        this.emitter = null;
-        this.update = this.update.bind(this);
-
-        this._addBaseObject();
-        this._createBundle();   
-    }
-
-    /**
-     * 
-     * @param {Object} params
-     * 
-     * - Params have to contain 'cfg' which is a key of JSON config made via 
-     * https://editor.revoltfx.electronauts.net editor.
-     * - In a case config doesn't have textures described in it, you can use spritesheetFilter which should be a
-     * string, described common part of texures asset keys. That string will be used as filter to get textures from cache.
-     * If textures should be animated, texture's asset key have to be of the next format:
-     * mc_commonPart_01 - where 'mc' stands for 'movieclips' allows us use animation, commonPart - described all textures in a spriteSheet,
-     * and _01 - number of frame.
-     */
-    setupParams(params) {
-        super.setupParams(params);
-
-        this.autostart = Urso.helper.recursiveGet('autostart', params, false);
-        this.cfg = Urso.helper.recursiveGet('cfg', params, false);
-        this.spritesheetFilter = Urso.helper.recursiveGet('spritesheetFilter', params, false);
-    }
-
-    update(deltaTime) {
-        if (this._emitter) {
-            this._bundle.update(deltaTime * PIXI.settings.TARGET_FPMS);
-        }
-    }
-
-    /**
-     * @param {String} emitterName
-     * Inits emitter by it's name. If no name given - inits first emitter from config.
-     */
-    play(emitterName) {
-        this._isActive = true;
-
-        emitterName = emitterName || this._defaultEmitterName;
-
-        this._emitter = this._bundle.getParticleEmitter(emitterName);
-        this._emitter.init(this._baseObject, true, 1);
-    }
-
-    /**
-     * 
-     * Stops emitter. If new emitter wasn't inited before particles disappears - clears this._emitter to stop bundle update.
-     */
-    stop() {
-        if(!this._emitter)
-            return;
-
-        this._emitter.stop();
-        this._emitter.on.completed.add(() => {
-            if(!this._isActive)
-                this._emitter = null;
-        });
-        
-        this._isActive = false;
-    }
-
-    _addBaseObject() {
-        this._baseObject = new PIXI.Container();
-    };
-
-    _createBundle() {
-        this._bundle = new PIXI.particlesFx.FX();
-        let fx_settings_data = Urso.cache.getJson(this.cfg).data;
-
-        if(this.spritesheetFilter)
-            fx_settings_data.spritesheetFilter = this.spritesheetFilter;
-
-        this._defaultEmitterName = fx_settings_data.emitters[0].name;
-
-        this._bundle.initBundle(fx_settings_data);
-        this.autostart && this.play();
-    }
-
-    _subscribeOnce() {
-        this.addListener(Urso.events.MODULES_SCENES_UPDATE, this.update);
-    }
-
-    _customDestroy() {
-        this.removeListener(Urso.events.MODULES_SCENES_UPDATE, this.update);
-        this._emitter && this._emitter.stop(false);
-        this._bundle = null;
-        this._emitter = null;
-    }
-}
-
-module.exports = ModulesObjectsModelsEmitterFx;
+class ModulesObjectsModelsEmitterFx extends Urso.Core.Modules.Objects.BaseModel {
+    constructor(params) {
+        super(params);
+
+        this.type = Urso.types.objects.EMITTERFX;
+
+        this.emitter = null;
+        this.update = this.update.bind(this);
+
+        this._addBaseObject();
+        this._createBundle();   
+    }
+
+    /**
+     * 
+     * @param {Object} params
+     * 
+     * - Params have to contain 'cfg' which is a key of JSON config made via 
+     * https://editor.revoltfx.electronauts.net editor.
+     * - In a case config doesn't have textures described in it, you can use spritesheetFilter which should be a
+     * string, described common part of texures asset keys. That string will be used as filter to get textures from cache.
+     * If textures should be animated, texture's asset key have to be of the next format:
+     * mc_commonPart_01 - where 'mc' stands for 'movieclips' allows us use animation, commonPart - described all textures in a spriteSheet,
+     * and _01 - number of frame.
+     */
+    setupParams(params) {
+        super.setupParams(params);
+
+        this.autostart = Urso.helper.recursiveGet('autostart', params, false);
+        this.cfg = Urso.helper.recursiveGet('cfg', params, false);
+        this.spritesheetFilter = Urso.helper.recursiveGet('spritesheetFilter', params, false);
+    }
+
+    update(deltaTime) {
+        if (this._emitter) {
+            this._bundle.update(deltaTime * PIXI.settings.TARGET_FPMS);
+        }
+    }
+
+    /**
+     * @param {String} emitterName
+     * Inits emitter by it's name. If no name given - inits first emitter from config.
+     */
+    play(emitterName) {
+        this._isActive = true;
+
+        emitterName = emitterName || this._defaultEmitterName;
+
+        this._emitter = this._bundle.getParticleEmitter(emitterName);
+        this._emitter.init(this._baseObject, true, 1);
+    }
+
+    /**
+     * 
+     * Stops emitter. If new emitter wasn't inited before particles disappears - clears this._emitter to stop bundle update.
+     */
+    stop() {
+        if(!this._emitter)
+            return;
+
+        this._emitter.stop();
+        this._emitter.on.completed.add(() => {
+            if(!this._isActive)
+                this._emitter = null;
+        });
+        
+        this._isActive = false;
+    }
+
+    _addBaseObject() {
+        this._baseObject = new PIXI.Container();
+    };
+
+    _createBundle() {
+        this._bundle = new PIXI.particlesFx.FX();
+        let fx_settings_data = Urso.cache.getJson(this.cfg).data;
+
+        if(this.spritesheetFilter)
+            fx_settings_data.spritesheetFilter = this.spritesheetFilter;
+
+        this._defaultEmitterName = fx_settings_data.emitters[0].name;
+
+        this._bundle.initBundle(fx_settings_data);
+        this.autostart && this.play();
+    }
+
+    _subscribeOnce() {
+        this.addListener(Urso.events.MODULES_SCENES_UPDATE, this.update);
+    }
+
+    _customDestroy() {
+        this.removeListener(Urso.events.MODULES_SCENES_UPDATE, this.update);
+        this._emitter && this._emitter.stop(false);
+        this._bundle = null;
+        this._emitter = null;
+    }
+}
+
+module.exports = ModulesObjectsModelsEmitterFx;

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

@@ -1,38 +1,38 @@
-class ModulesObjectsModelsGraphics extends Urso.Core.Modules.Objects.BaseModel {
-    constructor(params) {
-        super(params);
-
-        this.type = Urso.types.objects.GRAPHICS;
-        this._addBaseObject();
-        this._drawPoligon();
-    }
-
-    setupParams(params) {
-        super.setupParams(params);
-
-        this.polygon = Urso.helper.recursiveGet('figure.polygon', params, []);
-        this.rectangle = Urso.helper.recursiveGet('figure.rectangle', params, []);
-        this.fillColor = Urso.helper.recursiveGet('figure.fillColor', params, 0x000000);
-    }
-
-    _drawPoligon() {
-        if (!this.polygon.length && !this.rectangle.length)
-            return;
-
-        this._baseObject.beginFill(this.fillColor);
-
-        if (this.polygon.length) {
-            this._baseObject.drawPolygon(this.polygon);
-        } else if (this.rectangle.length) {
-            this._baseObject.drawRect(...this.rectangle)
-        }
-
-        this._baseObject.endFill();
-    };
-
-    _addBaseObject() {
-        this._baseObject = new PIXI.Graphics();
-    };
-}
-
-module.exports = ModulesObjectsModelsGraphics;
+class ModulesObjectsModelsGraphics extends Urso.Core.Modules.Objects.BaseModel {
+    constructor(params) {
+        super(params);
+
+        this.type = Urso.types.objects.GRAPHICS;
+        this._addBaseObject();
+        this._drawPoligon();
+    }
+
+    setupParams(params) {
+        super.setupParams(params);
+
+        this.polygon = Urso.helper.recursiveGet('figure.polygon', params, []);
+        this.rectangle = Urso.helper.recursiveGet('figure.rectangle', params, []);
+        this.fillColor = Urso.helper.recursiveGet('figure.fillColor', params, 0x000000);
+    }
+
+    _drawPoligon() {
+        if (!this.polygon.length && !this.rectangle.length)
+            return;
+
+        this._baseObject.beginFill(this.fillColor);
+
+        if (this.polygon.length) {
+            this._baseObject.drawPolygon(this.polygon);
+        } else if (this.rectangle.length) {
+            this._baseObject.drawRect(...this.rectangle)
+        }
+
+        this._baseObject.endFill();
+    };
+
+    _addBaseObject() {
+        this._baseObject = new PIXI.Graphics();
+    };
+}
+
+module.exports = ModulesObjectsModelsGraphics;

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

@@ -1,20 +1,20 @@
-class ModulesObjectsModelsGroup extends Urso.Core.Modules.Objects.BaseModel {
-    constructor(params) {
-        super(params);
-
-        this.type = Urso.types.objects.GROUP;
-        this._addBaseObject();
-    }
-
-    setupParams(params) {
-        super.setupParams(params);
-
-        this.groupName = Urso.helper.recursiveGet('groupName', params, false);
-    }
-
-    _addBaseObject() {
-        this._baseObject = new PIXI.Container();
-    };
-}
-
+class ModulesObjectsModelsGroup extends Urso.Core.Modules.Objects.BaseModel {
+    constructor(params) {
+        super(params);
+
+        this.type = Urso.types.objects.GROUP;
+        this._addBaseObject();
+    }
+
+    setupParams(params) {
+        super.setupParams(params);
+
+        this.groupName = Urso.helper.recursiveGet('groupName', params, false);
+    }
+
+    _addBaseObject() {
+        this._baseObject = new PIXI.Container();
+    };
+}
+
 module.exports = ModulesObjectsModelsGroup;

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

@@ -1,104 +1,104 @@
-class ModulesObjectsModelsHitArea extends Urso.Core.Modules.Objects.BaseModel {
-    constructor(params) {
-        super(params);
-        this._isDisabled = false;
-
-        this.type = Urso.types.objects.HITAREA;
-
-        this._addBaseObject();
-
-        this.enable = this.enable.bind(this);
-        this.disable = this.disable.bind(this);
-    }
-
-    setupParams(params) {
-        super.setupParams(params);
-
-        //must have x,y, width, height
-        this.action = Urso.helper.recursiveGet(
-            'action', params, (position) => { this.emit(Urso.events.MODULES_OBJECTS_HIT_AREA_PRESS, { position, name: this.name, class: this.class }) }
-        );
-        this.onOverCallback = Urso.helper.recursiveGet('onOverCallback', params, false);
-        this.onOutCallback = Urso.helper.recursiveGet('onOutCallback', params, false);
-        this.onTouchMoveCallback = Urso.helper.recursiveGet('onTouchMoveCallback', params, false);
-    }
-
-    enable() {
-        if (!this._isDisabled)
-            return false;
-
-        this._isDisabled = false;
-    }
-
-    disable() {
-        if (this._isDisabled)
-            return false;
-
-        this._isDisabled = true;
-    }
-
-    _addBaseObject() {
-        this._baseObject = new PIXI.Graphics();
-
-        this._baseObject.lineStyle(0);
-        this._baseObject.beginFill(0xffffff);
-        this._baseObject.drawRect(0, 0, this.width, this.height);
-        this._baseObject.endFill();
-        this._baseObject.alpha = 0;
-        this._baseObject.cacheAsBitmap = true;
-
-        this._baseObject.interactive = true;
-        this._baseObject.buttonMode = true;
-
-        this._baseObject
-            .on('pointerup', this._onPressUp.bind(this))
-            .on('pointerover', this._onOver.bind(this))
-            .on('pointerout', this._onOut.bind(this))
-            .on('touchmove', this._onTouchmove.bind(this));
-    };
-
-    _onTouchmove(event) {
-        const position = this._getEventLocalPosition(event);
-
-        if (this.onTouchMoveCallback)
-            this.onTouchMoveCallback(position);
-    }
-
-    _onPressUp(event) {
-        if (this._isDisabled)
-            return false;
-
-        if (this.action) {
-            const position = this._getEventLocalPosition(event);
-            this.action(position);
-        }
-    }
-
-    _onOver() {
-        if (this._isDisabled)
-            return false;
-
-        if (this.onOverCallback)
-            this.onOverCallback();
-    }
-
-    _onOut() {
-        if (this._isDisabled)
-            return false;
-
-        if (this.onOutCallback)
-            this.onOutCallback();
-    }
-
-    _getEventLocalPosition(event) {
-        const world = Urso.objects.getWorld();
-        const worldScale = world._baseObject.scale;
-
-        const x = event.data.global.x / worldScale.x;
-        const y = event.data.global.y / worldScale.y;
-
-        return { x, y };
-    }
-}
-
-module.exports = ModulesObjectsModelsHitArea;
+class ModulesObjectsModelsHitArea extends Urso.Core.Modules.Objects.BaseModel {
+    constructor(params) {
+        super(params);
+        this._isDisabled = false;
+
+        this.type = Urso.types.objects.HITAREA;
+
+        this._addBaseObject();
+
+        this.enable = this.enable.bind(this);
+        this.disable = this.disable.bind(this);
+    }
+
+    setupParams(params) {
+        super.setupParams(params);
+
+        //must have x,y, width, height
+        this.action = Urso.helper.recursiveGet(
+            'action', params, (position) => { this.emit(Urso.events.MODULES_OBJECTS_HIT_AREA_PRESS, { position, name: this.name, class: this.class }) }
+        );
+        this.onOverCallback = Urso.helper.recursiveGet('onOverCallback', params, false);
+        this.onOutCallback = Urso.helper.recursiveGet('onOutCallback', params, false);
+        this.onTouchMoveCallback = Urso.helper.recursiveGet('onTouchMoveCallback', params, false);
+    }
+
+    enable() {
+        if (!this._isDisabled)
+            return false;
+
+        this._isDisabled = false;
+    }
+
+    disable() {
+        if (this._isDisabled)
+            return false;
+
+        this._isDisabled = true;
+    }
+
+    _addBaseObject() {
+        this._baseObject = new PIXI.Graphics();
+
+        this._baseObject.lineStyle(0);
+        this._baseObject.beginFill(0xffffff);
+        this._baseObject.drawRect(0, 0, this.width, this.height);
+        this._baseObject.endFill();
+        this._baseObject.alpha = 0;
+        this._baseObject.cacheAsBitmap = true;
+
+        this._baseObject.interactive = true;
+        this._baseObject.buttonMode = true;
+
+        this._baseObject
+            .on('pointerup', this._onPressUp.bind(this))
+            .on('pointerover', this._onOver.bind(this))
+            .on('pointerout', this._onOut.bind(this))
+            .on('touchmove', this._onTouchmove.bind(this));
+    };
+
+    _onTouchmove(event) {
+        const position = this._getEventLocalPosition(event);
+
+        if (this.onTouchMoveCallback)
+            this.onTouchMoveCallback(position);
+    }
+
+    _onPressUp(event) {
+        if (this._isDisabled)
+            return false;
+
+        if (this.action) {
+            const position = this._getEventLocalPosition(event);
+            this.action(position);
+        }
+    }
+
+    _onOver() {
+        if (this._isDisabled)
+            return false;
+
+        if (this.onOverCallback)
+            this.onOverCallback();
+    }
+
+    _onOut() {
+        if (this._isDisabled)
+            return false;
+
+        if (this.onOutCallback)
+            this.onOutCallback();
+    }
+
+    _getEventLocalPosition(event) {
+        const world = Urso.objects.getWorld();
+        const worldScale = world._baseObject.scale;
+
+        const x = event.data.global.x / worldScale.x;
+        const y = event.data.global.y / worldScale.y;
+
+        return { x, y };
+    }
+}
+
+module.exports = ModulesObjectsModelsHitArea;