@urso/core 0.8.20-dev → 0.9.0-dev

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

@@ -1,114 +1,103 @@
-const ModulesObjectsBaseModel = require('./../baseModel');
-
-class ModulesObjectsModelsEmitterFx extends ModulesObjectsBaseModel {
-    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;
-    }
-
-    update() {
-        if (this._emitter) {
-            this._bundle.update();
-        }
-    }
-    
-    _addBaseObject() {
-        this._baseObject = new PIXI.ParticleContainer();
-        this._baseObject.setProperties({
-            scale: true,
-            position: true,
-            rotation: true,
-            uvs: true,
-            alpha: true,
-        });
-    };
-
-    _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;
+import ModulesObjectsBaseModel from './../baseModel';
+// import * as particlesFx from 'revolt-fx';
+
+class ModulesObjectsModelsEmitterFx extends ModulesObjectsBaseModel {
+    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() {
+        if (this._emitter) {
+            this._bundle.update();
+        }
+    }
+
+    /**
+     * @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);
+        this._emitter.start();
+    }
+
+    /**
+     * 
+     * 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 particlesFx.FX();
+        // let fx_settings_data = Urso.cache.getJson(this.cfg);
+
+        // 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, true);
+    }
+
+    _customDestroy() {
+        this.removeListener(Urso.events.MODULES_SCENES_UPDATE, this.update);
+        this._emitter && this._emitter.stop(false);
+        this._bundle = null;
+        this._emitter = null;
+    }
+}
+
+export default ModulesObjectsModelsEmitterFx;

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

@@ -1,40 +1,40 @@
-const ModulesObjectsBaseModel = require('./../baseModel');
-
-class ModulesObjectsModelsGraphics extends ModulesObjectsBaseModel {
-    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;
+import ModulesObjectsBaseModel from './../baseModel';
+
+class ModulesObjectsModelsGraphics extends ModulesObjectsBaseModel {
+    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();
+    };
+}
+
+export default ModulesObjectsModelsGraphics;

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

@@ -1,22 +1,22 @@
-const ModulesObjectsBaseModel = require('./../baseModel');
-
-class ModulesObjectsModelsGroup extends ModulesObjectsBaseModel {
-    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;
+import ModulesObjectsBaseModel from './../baseModel';
+
+class ModulesObjectsModelsGroup extends ModulesObjectsBaseModel {
+    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();
+    };
+}
+
+export default ModulesObjectsModelsGroup;