@urso/core 0.6.16-dev → 0.6.17

package/src/js/extra/browserEvents.js

@@ -1,51 +1,51 @@
-class ExtraBrowserEvents {
-    constructor() {
-        this.singleton = true;
-
-        this.RESIZE_DELAY = 250; //delay for resize event (browser will refresh his own params)
-
-        this.resizeHandler = this.resizeHandler.bind(this);
-        this.visibilitychangeHandler = this.visibilitychangeHandler.bind(this);
-        this._pointerEventsHandler = this._pointerEventsHandler.bind(this);
-
-        this._resizeTimeoutId;
-
-        this.init();
-    }
-
-    init() {
-        document.addEventListener("visibilitychange", this.visibilitychangeHandler);
-
-        window.addEventListener('resize', this.resizeHandler);
-        window.addEventListener('orientationchange', this.resizeHandler);
-        document.addEventListener('fullscreenchange', this.resizeHandler);
-        document.addEventListener('webkitfullscreenchange', this.resizeHandler);
-        document.addEventListener('mozfullscreenchange', this.resizeHandler);
-
-        document.addEventListener('mousedown', this._pointerEventsHandler);
-        document.addEventListener('mousemove', this._pointerEventsHandler);
-        document.addEventListener('mouseup', this._pointerEventsHandler);
-        document.addEventListener('touchstart', this._pointerEventsHandler);
-        document.addEventListener('touchmove', this._pointerEventsHandler);
-        document.addEventListener('touchend', this._pointerEventsHandler);
-        document.addEventListener('wheel', this._pointerEventsHandler);
-    }
-
-    visibilitychangeHandler() {
-        this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_VISIBILITYCHANGE, document.visibilityState);
-    }
-
-    resizeHandler() {
-        if (this._resizeTimeoutId)
-            Urso.clearTimeout(this._resizeTimeoutId)
-
-        this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_PRE_RESIZE);
-        this._resizeTimeoutId = Urso.setTimeout(() => this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE), this.RESIZE_DELAY);
-    }
-
-    _pointerEventsHandler(event) {
-        this.emit(Urso.events.EXTRA_BROWSEREVENTS_POINTER_EVENT, event);
-    }
-}
-
-module.exports = ExtraBrowserEvents;
+class ExtraBrowserEvents {
+    constructor() {
+        this.singleton = true;
+
+        this.RESIZE_DELAY = 250; //delay for resize event (browser will refresh his own params)
+
+        this.resizeHandler = this.resizeHandler.bind(this);
+        this.visibilitychangeHandler = this.visibilitychangeHandler.bind(this);
+        this._pointerEventsHandler = this._pointerEventsHandler.bind(this);
+
+        this._resizeTimeoutId;
+
+        this.init();
+    }
+
+    init() {
+        document.addEventListener("visibilitychange", this.visibilitychangeHandler);
+
+        window.addEventListener('resize', this.resizeHandler);
+        window.addEventListener('orientationchange', this.resizeHandler);
+        document.addEventListener('fullscreenchange', this.resizeHandler);
+        document.addEventListener('webkitfullscreenchange', this.resizeHandler);
+        document.addEventListener('mozfullscreenchange', this.resizeHandler);
+
+        document.addEventListener('mousedown', this._pointerEventsHandler);
+        document.addEventListener('mousemove', this._pointerEventsHandler);
+        document.addEventListener('mouseup', this._pointerEventsHandler);
+        document.addEventListener('touchstart', this._pointerEventsHandler);
+        document.addEventListener('touchmove', this._pointerEventsHandler);
+        document.addEventListener('touchend', this._pointerEventsHandler);
+        document.addEventListener('wheel', this._pointerEventsHandler);
+    }
+
+    visibilitychangeHandler() {
+        this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_VISIBILITYCHANGE, document.visibilityState);
+    }
+
+    resizeHandler() {
+        if (this._resizeTimeoutId)
+            Urso.clearTimeout(this._resizeTimeoutId)
+
+        this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_PRE_RESIZE);
+        this._resizeTimeoutId = Urso.setTimeout(() => this.emit(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE), this.RESIZE_DELAY);
+    }
+
+    _pointerEventsHandler(event) {
+        this.emit(Urso.events.EXTRA_BROWSEREVENTS_POINTER_EVENT, event);
+    }
+}
+
+module.exports = ExtraBrowserEvents;

package/src/js/extra/pixiPatch.js

@@ -1,150 +1,150 @@
-/**
- * ModulesObjectsModelsText  fillCustomColors patch
- */
-
-
-/**
- * Render the text with letter-spacing.
- *
- * @param text - The text to draw
- * @param x - Horizontal position to draw the text
- * @param y - Vertical position to draw the text
- * @param isStroke - Is this drawing for the outside stroke of the
- *  text? If not, it's for the inside fill
- */
-PIXI.Text.prototype.drawLetterSpacing = function (text, x, y, isStroke) {
-    if (isStroke === void 0) { isStroke = false; }
-    var style = this._style;
-    // letterSpacing of 0 means normal
-    var letterSpacing = style.letterSpacing;
-    // Checking that we can use moddern canvas2D api
-    // https://developer.chrome.com/origintrials/#/view_trial/3585991203293757441
-    // note: this is unstable API, Chrome less 94 use a `textLetterSpacing`, newest use a letterSpacing
-    // eslint-disable-next-line max-len
-    var supportLetterSpacing = 'letterSpacing' in CanvasRenderingContext2D.prototype
-        || 'textLetterSpacing' in CanvasRenderingContext2D.prototype;
-
-    if ((letterSpacing === 0 || supportLetterSpacing) && (!this.fillCustomColors || this.fillCustomColors.length === 0)) { //colors patch in if state
-        if (supportLetterSpacing) {
-            this.context.letterSpacing = letterSpacing;
-            this.context.textLetterSpacing = letterSpacing;
-        }
-        if (isStroke) {
-            this.context.strokeText(text, x, y);
-        }
-        else {
-            this.context.fillText(text, x, y);
-        }
-        return;
-    }
-    var currentPosition = x;
-
-    var textIndexOffset = this.text.indexOf(text); //colors patch block
-    var allTextLength = this.text.length;
-    var customColors = new Array(allTextLength);
-    if (this.fillCustomColors) {
-        for (var k in this.fillCustomColors) {
-            var colorsParams = this.fillCustomColors[k];
-            //customColors[colorsParams.position] = colorsParams.color;
-            customColors.fill(colorsParams.color, colorsParams.position, allTextLength);
-        }
-    }
-
-    // Using Array.from correctly splits characters whilst keeping emoji together.
-    // This is not supported on IE as it requires ES6, so regular text splitting occurs.
-    // This also doesn't account for emoji that are multiple emoji put together to make something else.
-    // Handling all of this would require a big library itself.
-    // https://medium.com/@giltayar/iterating-over-emoji-characters-the-es6-way-f06e4589516
-    // https://github.com/orling/grapheme-splitter
-    var stringArray = Array.from ? Array.from(text) : text.split('');
-    var previousWidth = this.context.measureText(text).width;
-    var currentWidth = 0;
-    for (var i = 0; i < stringArray.length; ++i) {
-        var currentChar = stringArray[i];
-
-        if (isStroke) {
-            this.context.strokeText(currentChar, currentPosition, y);
-        }
-        else {
-            if (customColors[textIndexOffset + i]) { //colors patch block
-                this.context.fillStyle = customColors[textIndexOffset + i];
-            }
-
-            this.context.fillText(currentChar, currentPosition, y);
-        }
-        currentWidth = this.context.measureText(text.substring(i + 1)).width;
-        currentPosition += previousWidth - currentWidth + letterSpacing;
-        previousWidth = currentWidth;
-    }
-};
-
-/**
- * Ignoring parent mask on render by ignoreParentMask flag.
- * @param { Object } renderer 
- */
-PIXI.Container.prototype.renderAdvanced = function (renderer) {
-    var filters = this.filters;
-    var mask = this._mask;
-    let excludedFromMaskChildsIndexes = [];
-    // push filter first as we need to ensure the stencil buffer is correct for any masking
-    if (filters) {
-
-        if (!this._enabledFilters) {
-            this._enabledFilters = [];
-        }
-
-        this._enabledFilters.length = 0;
-
-        for (var i = 0; i < filters.length; i++) {
-            if (filters[i].enabled) {
-                this._enabledFilters.push(filters[i]);
-            }
-        }
-    }
-
-    var flush = (filters && this._enabledFilters && this._enabledFilters.length)
-        || (mask && (!mask.isMaskData || (mask.enabled && (mask.autoDetect || mask.type !== constants.MASK_TYPES.NONE))));
-
-    if (flush) {
-        renderer.batch.flush();
-    }
-
-    if (filters && this._enabledFilters && this._enabledFilters.length) {
-        renderer.filter.push(this, this._enabledFilters);
-    }
-
-    if (mask) {
-        renderer.mask.push(this, this._mask);
-    }
-
-    if (this.cullable) {
-        this._renderWithCulling(renderer);
-    } else {
-        this._render(renderer);
-
-        for (var i = 0, j = this.children.length; i < j; ++i) {
-            if (!this.children[i].ignoreParentMask || !mask) {
-                this.children[i].render(renderer);
-            } else if (mask) {
-                excludedFromMaskChildsIndexes.push(i);
-            }
-        }
-    }
-
-    if (flush) {
-        renderer.batch.flush();
-    }
-
-    if (mask) {
-        renderer.mask.pop(this);
-    }
-
-    if(excludedFromMaskChildsIndexes.length > 0) {
-        excludedFromMaskChildsIndexes.forEach(index => this.children[index].render(renderer));
-        renderer.batch.flush();
-    }
-
-    if (filters && this._enabledFilters && this._enabledFilters.length) {
-        renderer.filter.pop();
-    }
-}
+/**
+ * ModulesObjectsModelsText  fillCustomColors patch
+ */
+
+
+/**
+ * Render the text with letter-spacing.
+ *
+ * @param text - The text to draw
+ * @param x - Horizontal position to draw the text
+ * @param y - Vertical position to draw the text
+ * @param isStroke - Is this drawing for the outside stroke of the
+ *  text? If not, it's for the inside fill
+ */
+PIXI.Text.prototype.drawLetterSpacing = function (text, x, y, isStroke) {
+    if (isStroke === void 0) { isStroke = false; }
+    var style = this._style;
+    // letterSpacing of 0 means normal
+    var letterSpacing = style.letterSpacing;
+    // Checking that we can use moddern canvas2D api
+    // https://developer.chrome.com/origintrials/#/view_trial/3585991203293757441
+    // note: this is unstable API, Chrome less 94 use a `textLetterSpacing`, newest use a letterSpacing
+    // eslint-disable-next-line max-len
+    var supportLetterSpacing = 'letterSpacing' in CanvasRenderingContext2D.prototype
+        || 'textLetterSpacing' in CanvasRenderingContext2D.prototype;
+
+    if ((letterSpacing === 0 || supportLetterSpacing) && (!this.fillCustomColors || this.fillCustomColors.length === 0)) { //colors patch in if state
+        if (supportLetterSpacing) {
+            this.context.letterSpacing = letterSpacing;
+            this.context.textLetterSpacing = letterSpacing;
+        }
+        if (isStroke) {
+            this.context.strokeText(text, x, y);
+        }
+        else {
+            this.context.fillText(text, x, y);
+        }
+        return;
+    }
+    var currentPosition = x;
+
+    var textIndexOffset = this.text.indexOf(text); //colors patch block
+    var allTextLength = this.text.length;
+    var customColors = new Array(allTextLength);
+    if (this.fillCustomColors) {
+        for (var k in this.fillCustomColors) {
+            var colorsParams = this.fillCustomColors[k];
+            //customColors[colorsParams.position] = colorsParams.color;
+            customColors.fill(colorsParams.color, colorsParams.position, allTextLength);
+        }
+    }
+
+    // Using Array.from correctly splits characters whilst keeping emoji together.
+    // This is not supported on IE as it requires ES6, so regular text splitting occurs.
+    // This also doesn't account for emoji that are multiple emoji put together to make something else.
+    // Handling all of this would require a big library itself.
+    // https://medium.com/@giltayar/iterating-over-emoji-characters-the-es6-way-f06e4589516
+    // https://github.com/orling/grapheme-splitter
+    var stringArray = Array.from ? Array.from(text) : text.split('');
+    var previousWidth = this.context.measureText(text).width;
+    var currentWidth = 0;
+    for (var i = 0; i < stringArray.length; ++i) {
+        var currentChar = stringArray[i];
+
+        if (isStroke) {
+            this.context.strokeText(currentChar, currentPosition, y);
+        }
+        else {
+            if (customColors[textIndexOffset + i]) { //colors patch block
+                this.context.fillStyle = customColors[textIndexOffset + i];
+            }
+
+            this.context.fillText(currentChar, currentPosition, y);
+        }
+        currentWidth = this.context.measureText(text.substring(i + 1)).width;
+        currentPosition += previousWidth - currentWidth + letterSpacing;
+        previousWidth = currentWidth;
+    }
+};
+
+/**
+ * Ignoring parent mask on render by ignoreParentMask flag.
+ * @param { Object } renderer 
+ */
+PIXI.Container.prototype.renderAdvanced = function (renderer) {
+    var filters = this.filters;
+    var mask = this._mask;
+    let excludedFromMaskChildsIndexes = [];
+    // push filter first as we need to ensure the stencil buffer is correct for any masking
+    if (filters) {
+
+        if (!this._enabledFilters) {
+            this._enabledFilters = [];
+        }
+
+        this._enabledFilters.length = 0;
+
+        for (var i = 0; i < filters.length; i++) {
+            if (filters[i].enabled) {
+                this._enabledFilters.push(filters[i]);
+            }
+        }
+    }
+
+    var flush = (filters && this._enabledFilters && this._enabledFilters.length)
+        || (mask && (!mask.isMaskData || (mask.enabled && (mask.autoDetect || mask.type !== constants.MASK_TYPES.NONE))));
+
+    if (flush) {
+        renderer.batch.flush();
+    }
+
+    if (filters && this._enabledFilters && this._enabledFilters.length) {
+        renderer.filter.push(this, this._enabledFilters);
+    }
+
+    if (mask) {
+        renderer.mask.push(this, this._mask);
+    }
+
+    if (this.cullable) {
+        this._renderWithCulling(renderer);
+    } else {
+        this._render(renderer);
+
+        for (var i = 0, j = this.children.length; i < j; ++i) {
+            if (!this.children[i].ignoreParentMask || !mask) {
+                this.children[i].render(renderer);
+            } else if (mask) {
+                excludedFromMaskChildsIndexes.push(i);
+            }
+        }
+    }
+
+    if (flush) {
+        renderer.batch.flush();
+    }
+
+    if (mask) {
+        renderer.mask.pop(this);
+    }
+
+    if(excludedFromMaskChildsIndexes.length > 0) {
+        excludedFromMaskChildsIndexes.forEach(index => this.children[index].render(renderer));
+        renderer.batch.flush();
+    }
+
+    if (filters && this._enabledFilters && this._enabledFilters.length) {
+        renderer.filter.pop();
+    }
+}

package/src/js/extra/setTimeout.js

@@ -1,7 +1,7 @@
-Urso.setTimeout = (callback, delay) => {
-    return gsap.delayedCall(delay / 1000, callback);
-}
-
-Urso.clearTimeout = (tween) => {
-    tween.kill();
-}
+Urso.setTimeout = (callback, delay) => {
+    return gsap.delayedCall(delay / 1000, callback);
+}
+
+Urso.clearTimeout = (tween) => {
+    tween.kill();
+}

package/src/js/index.js

@@ -1,8 +1,8 @@
-window.Urso = { Core: {} };
-
-require('./config/load.js');
-Urso.config = require('./config/main.js');
-Urso.Core.App = require('./app.js');
-
-//function to run game with engine
-Urso.runGame = (new Urso.Core.App()).setup;
+window.Urso = { Core: {} };
+
+require('./config/load.js');
+Urso.config = require('./config/main.js');
+Urso.Core.App = require('./app.js');
+
+//function to run game with engine
+Urso.runGame = (new Urso.Core.App()).setup;

package/src/js/lib/_info.js

@@ -1,13 +1,13 @@
-Urso.Core.Lib = {
-    Cache: require('./cache.js'),
-    Composition: require('./composition.js'),
-    Device: require('./device.js'),
-    Helper: require('./helper.js'),
-    Loader: require('./loader.js'),
-    LocalData: require('./localData.js'),
-    Logger: require('./logger.js'),
-    Math: require('./math.js'),
-    ObjectPool: require('./objectPool.js'),
-    Time: require('./time.js'),
-    Tween: require('./tween.js')
-};
+Urso.Core.Lib = {
+    Cache: require('./cache.js'),
+    Composition: require('./composition.js'),
+    Device: require('./device.js'),
+    Helper: require('./helper.js'),
+    Loader: require('./loader.js'),
+    LocalData: require('./localData.js'),
+    Logger: require('./logger.js'),
+    Math: require('./math.js'),
+    ObjectPool: require('./objectPool.js'),
+    Time: require('./time.js'),
+    Tween: require('./tween.js')
+};

package/src/js/lib/cache.js

@@ -1,105 +1,105 @@
-class LibCache {
-    constructor() {
-        this.assetsList = {
-            image: {},
-            atlas: {},
-            json: {},
-            binary: {},
-            spine: {},
-            bitmapFont: {},
-            sound: {},
-            texture: {},
-            file: {}
-        };
-
-        this.globalAtlas = new PIXI.spine.TextureAtlas();
-    };
-
-    addFile(key, someData) {
-        this.assetsList.file[key] = someData;
-    };
-
-    addAtlas(key, someData) {
-        this.assetsList.atlas[key] = someData;
-    };
-
-    addBinary(key, someData) {
-        this.assetsList.binary[key] = someData;
-    };
-
-    addBitmapFont(key, someData) {
-        this.assetsList.bitmapFont[key] = someData;
-    };
-
-    addContainer(key, someData) {
-        this.assetsList.container[key] = someData;
-    };
-
-    addImage(key, someData) {
-        this.assetsList.image[key] = someData;
-    };
-
-    addJson(key, someData) {
-        this.assetsList.json[key] = someData;
-    };
-
-    addSound(key, someData) {
-        this.assetsList.sound[key] = someData;
-    };
-
-    addTexture(key, someData) {
-        this.assetsList.texture[key] = someData;
-        this.globalAtlas.addTexture(key, someData);
-    };
-
-    addSpine(key, someData) {
-        this.assetsList.spine[key] = someData;
-    };
-
-    getFile(key) {
-        return this.assetsList.file[key];
-    };
-
-    getAtlas(key) {
-        return this.assetsList.atlas[key];
-    };
-
-    getBinary(key) {
-        return this.assetsList.binary[key];
-    };
-
-    getBitmapFont(key) {
-        return this.assetsList.bitmapFont[key];
-    };
-
-    getContainer(key) {
-        return this.assetsList.container[key];
-    };
-
-    getImage(key) {
-        return this.assetsList.image[key];
-    };
-
-    getJson(key) {
-        return this.assetsList.json[key];
-    };
-
-    getSound(key) {
-        return this.assetsList.sound[key];
-    };
-
-    getSpine(key) {
-        return this.assetsList.spine[key];
-    };
-
-    getTexture(key) {
-        return this.assetsList.texture[key];
-    };
-
-    getGlobalAtlas() {
-        return this.globalAtlas;
-    }
-
-};
-
-module.exports = LibCache;
+class LibCache {
+    constructor() {
+        this.assetsList = {
+            image: {},
+            atlas: {},
+            json: {},
+            binary: {},
+            spine: {},
+            bitmapFont: {},
+            sound: {},
+            texture: {},
+            file: {}
+        };
+
+        this.globalAtlas = new PIXI.spine.TextureAtlas();
+    };
+
+    addFile(key, someData) {
+        this.assetsList.file[key] = someData;
+    };
+
+    addAtlas(key, someData) {
+        this.assetsList.atlas[key] = someData;
+    };
+
+    addBinary(key, someData) {
+        this.assetsList.binary[key] = someData;
+    };
+
+    addBitmapFont(key, someData) {
+        this.assetsList.bitmapFont[key] = someData;
+    };
+
+    addContainer(key, someData) {
+        this.assetsList.container[key] = someData;
+    };
+
+    addImage(key, someData) {
+        this.assetsList.image[key] = someData;
+    };
+
+    addJson(key, someData) {
+        this.assetsList.json[key] = someData;
+    };
+
+    addSound(key, someData) {
+        this.assetsList.sound[key] = someData;
+    };
+
+    addTexture(key, someData) {
+        this.assetsList.texture[key] = someData;
+        this.globalAtlas.addTexture(key, someData);
+    };
+
+    addSpine(key, someData) {
+        this.assetsList.spine[key] = someData;
+    };
+
+    getFile(key) {
+        return this.assetsList.file[key];
+    };
+
+    getAtlas(key) {
+        return this.assetsList.atlas[key];
+    };
+
+    getBinary(key) {
+        return this.assetsList.binary[key];
+    };
+
+    getBitmapFont(key) {
+        return this.assetsList.bitmapFont[key];
+    };
+
+    getContainer(key) {
+        return this.assetsList.container[key];
+    };
+
+    getImage(key) {
+        return this.assetsList.image[key];
+    };
+
+    getJson(key) {
+        return this.assetsList.json[key];
+    };
+
+    getSound(key) {
+        return this.assetsList.sound[key];
+    };
+
+    getSpine(key) {
+        return this.assetsList.spine[key];
+    };
+
+    getTexture(key) {
+        return this.assetsList.texture[key];
+    };
+
+    getGlobalAtlas() {
+        return this.globalAtlas;
+    }
+
+};
+
+module.exports = LibCache;