@urso/core 0.5.7 → 0.5.10

package/src/js/modules/scenes/pixiWrapper.js

@@ -1,237 +1,237 @@
-class ModulesScenesPixiWrapper {
-    constructor() {
-        this.singleton = true;
-        this._renderer;
-
-        this.scenes = {};
-        this.world;
-
-        this._root;
-        this._loaderScene;
-
-        this._loopStopped = false;
-        this._loopPaused = false;
-        this._loopLastCall = 0;
-
-        this.loop = this.loop.bind(this);
-        this.passiveCallIntervalId = null;
-
-        this._mouseCoords = { x: 0, y: 0 };
-    }
-
-    init() {
-        this._setPixiSettings();
-
-        //define renderer
-        PIXI.utils.skipHello();
-        this.renderer = new PIXI.Renderer({ preserveDrawingBuffer: true, width: 1, height: 1 });
-        document.body.appendChild(this.renderer.view);
-
-        //root and world
-        this._root = new PIXI.Container();
-        this._createWorld();
-
-        // setup interaction
-        this.interaction = new PIXI.InteractionManager(this.renderer);
-
-        this._loaderScene = this.getInstance('Model');
-        this._requestAnimFrame(this.loop);
-
-        this.getInstance('Resolutions');
-    }
-
-    /**
-     * returns is scene paused
-     * @returns {Boolean}
-     */
-    isPaused() {
-        return this._loopPaused;
-    }
-
-    /**
-     * pause scene
-     */
-    pause() {
-        this._loopPaused = true;
-        PIXI.spine.settings.GLOBAL_AUTO_UPDATE = false;
-    }
-
-    /**
-     * resume scene
-     */
-    resume() {
-        this._loopLastCall = Date.now();
-        this._loopPaused = false;
-        this.update();
-        PIXI.spine.settings.GLOBAL_AUTO_UPDATE = true;
-    }
-
-    _setPixiSettings() {
-        PIXI.settings.SCALE_MODE = PIXI.SCALE_MODES.LINEAR;
-        PIXI.settings.TEXT_RESOLUTION = 1;
-
-        if (Urso.device.iOS || Urso.device.macOS)
-            PIXI.settings.PRECISION_FRAGMENT = PIXI.PRECISION.HIGH;
-    }
-
-    _createWorld() {
-        if (this.world)
-            this._root.removeChild(this.world);
-
-        this.world = new PIXI.Container();
-        this._root.addChild(this.world);
-    }
-
-    _requestAnimFrame(loopFunction) {
-        (() => {
-            return window.requestAnimationFrame ||
-                window.webkitRequestAnimationFrame ||
-                window.mozRequestAnimationFrame ||
-                window.oRequestAnimationFrame ||
-                window.msRequestAnimationFrame ||
-                function (/* function FrameRequestCallback */ callback, /* DOMElement Element */ element) {
-                    window.setTimeout(callback, 0);
-                };
-        })()(loopFunction);
-    }
-
-    _getDeltaTime() {
-        let newTime = Date.now();
-        let deltaTime = Urso.scenes.timeScale * (newTime - this._loopLastCall);
-        this._loopLastCall = newTime;
-
-        return Urso.math.intMakeBetween(deltaTime, 0, 1000);
-    }
-
-    _getDeltaFrame(deltaTime) {
-        return deltaTime * 60 / 1000;
-    };
-
-    loop() {
-        if (this._loopStopped)
-            return false;
-
-        this._requestAnimFrame(this.loop);
-
-        if (!this._loopPaused)
-            this.update();
-
-        return true;
-    };
-
-    update() {
-        if (!this.currentScene)
-            return;
-
-        let deltaTime = this._getDeltaTime();
-        let deltaFrame = this._getDeltaFrame(deltaTime);
-        this.interaction.update(deltaFrame);
-
-        this._checkMouse();
-        this.emit(Urso.events.MODULES_SCENES_UPDATE, deltaTime);
-
-        this.currentScene.update(deltaTime);
-        this.currentScene.render();
-        this.renderer.render(this._root);
-    };
-
-    //size
-    resize(width, height) {
-        this.renderer.resize(width, height);
-    };
-
-    hideCanvas() {
-        this.renderer.view.style.display = 'none';
-    }
-
-    showCanvas() {
-        this.renderer.view.style.display = '';
-    }
-
-    setWorldScale(x, y) {
-        this.world.scale.x = x;
-        this.world.scale.y = y;
-    }
-
-    setCanvasWidth(val) {
-        this.renderer.view.style.width = val + 'px';
-    };
-
-    setCanvasHeight(val) {
-        this.renderer.view.style.height = val + 'px';
-    };
-
-    getPixiWorld() {
-        return this.world;
-    }
-
-    setNewScene(model) {
-        this._createWorld();
-        this.currentScene = model;
-    }
-
-    _checkMouse() {
-        let newCoords = this._getMouseCoords();
-
-        if (Urso.helper.checkDeepEqual(this._mouseCoords, newCoords))
-            return true;
-
-        this._mouseCoords = newCoords;
-        this.emit(Urso.events.MODULES_SCENES_MOUSE_NEW_POSITION, this._mouseCoords);
-    };
-
-    getCachedMouseCoords() {
-        return this._mouseCoords;
-    }
-
-    _getMouseCoords() {
-        const coords = {
-            x: ~~(this.interaction.mouse.global.x / this.world.scale.x),
-            y: ~~(this.interaction.mouse.global.y / this.world.scale.y)
-        };
-
-        coords.x = this._validateCoordinate(coords.x);
-        coords.y = this._validateCoordinate(coords.y);
-
-        return coords;
-    };
-
-    _validateCoordinate(c) {
-        return c > 0 ? c : 0;
-    }
-
-    /**
-     * reserve loop, when browser tab is inactive
-     * @param {Boolean} isVisible
-     */
-    visibilityChangeHandler(isVisible) {
-        if (isVisible) {
-            if (this.passiveCallIntervalId) {
-                clearInterval(this.passiveCallIntervalId);
-                this.passiveCallIntervalId = null;
-                return;
-            }
-        }
-
-        this.passiveCallIntervalId = setInterval(() => {
-            if (!this._loopStopped && !this._loopPaused) {
-                this.update();
-            }
-        }, 16);
-    }
-
-    /**
-     * generateTexture from object
-     * @param {Object} obj
-     * @returns {Object} - pixi.Texture
-     */
-     generateTexture(obj) {
-        return this.renderer.generateTexture(obj);
-    }
-
-    _subscribeOnce() {
-        this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_VISIBILITYCHANGE, this.visibilityChangeHandler.bind(this), true);
-    }
-}
-
-module.exports = ModulesScenesPixiWrapper;
+class ModulesScenesPixiWrapper {
+    constructor() {
+        this.singleton = true;
+        this._renderer;
+
+        this.scenes = {};
+        this.world;
+
+        this._root;
+        this._loaderScene;
+
+        this._loopStopped = false;
+        this._loopPaused = false;
+        this._loopLastCall = 0;
+
+        this.loop = this.loop.bind(this);
+        this.passiveCallIntervalId = null;
+
+        this._mouseCoords = { x: 0, y: 0 };
+    }
+
+    init() {
+        this._setPixiSettings();
+
+        //define renderer
+        PIXI.utils.skipHello();
+        this.renderer = new PIXI.Renderer({ preserveDrawingBuffer: true, width: 1, height: 1 });
+        document.body.appendChild(this.renderer.view);
+
+        //root and world
+        this._root = new PIXI.Container();
+        this._createWorld();
+
+        // setup interaction
+        this.interaction = new PIXI.InteractionManager(this.renderer);
+
+        this._loaderScene = this.getInstance('Model');
+        this._requestAnimFrame(this.loop);
+
+        this.getInstance('Resolutions');
+    }
+
+    /**
+     * returns is scene paused
+     * @returns {Boolean}
+     */
+    isPaused() {
+        return this._loopPaused;
+    }
+
+    /**
+     * pause scene
+     */
+    pause() {
+        this._loopPaused = true;
+        PIXI.spine.settings.GLOBAL_AUTO_UPDATE = false;
+    }
+
+    /**
+     * resume scene
+     */
+    resume() {
+        this._loopLastCall = Date.now();
+        this._loopPaused = false;
+        this.update();
+        PIXI.spine.settings.GLOBAL_AUTO_UPDATE = true;
+    }
+
+    _setPixiSettings() {
+        PIXI.settings.SCALE_MODE = PIXI.SCALE_MODES.LINEAR;
+        PIXI.settings.TEXT_RESOLUTION = 1;
+
+        if (Urso.device.iOS || Urso.device.macOS)
+            PIXI.settings.PRECISION_FRAGMENT = PIXI.PRECISION.HIGH;
+    }
+
+    _createWorld() {
+        if (this.world)
+            this._root.removeChild(this.world);
+
+        this.world = new PIXI.Container();
+        this._root.addChild(this.world);
+    }
+
+    _requestAnimFrame(loopFunction) {
+        (() => {
+            return window.requestAnimationFrame ||
+                window.webkitRequestAnimationFrame ||
+                window.mozRequestAnimationFrame ||
+                window.oRequestAnimationFrame ||
+                window.msRequestAnimationFrame ||
+                function (/* function FrameRequestCallback */ callback, /* DOMElement Element */ element) {
+                    window.setTimeout(callback, 0);
+                };
+        })()(loopFunction);
+    }
+
+    _getDeltaTime() {
+        let newTime = Date.now();
+        let deltaTime = Urso.scenes.timeScale * (newTime - this._loopLastCall);
+        this._loopLastCall = newTime;
+
+        return Urso.math.intMakeBetween(deltaTime, 0, 1000);
+    }
+
+    _getDeltaFrame(deltaTime) {
+        return deltaTime * 60 / 1000;
+    };
+
+    loop() {
+        if (this._loopStopped)
+            return false;
+
+        this._requestAnimFrame(this.loop);
+
+        if (!this._loopPaused)
+            this.update();
+
+        return true;
+    };
+
+    update() {
+        if (!this.currentScene)
+            return;
+
+        let deltaTime = this._getDeltaTime();
+        let deltaFrame = this._getDeltaFrame(deltaTime);
+        this.interaction.update(deltaFrame);
+
+        this._checkMouse();
+        this.emit(Urso.events.MODULES_SCENES_UPDATE, deltaTime);
+
+        this.currentScene.update(deltaTime);
+        this.currentScene.render();
+        this.renderer.render(this._root);
+    };
+
+    //size
+    resize(width, height) {
+        this.renderer.resize(width, height);
+    };
+
+    hideCanvas() {
+        this.renderer.view.style.display = 'none';
+    }
+
+    showCanvas() {
+        this.renderer.view.style.display = '';
+    }
+
+    setWorldScale(x, y) {
+        this.world.scale.x = x;
+        this.world.scale.y = y;
+    }
+
+    setCanvasWidth(val) {
+        this.renderer.view.style.width = val + 'px';
+    };
+
+    setCanvasHeight(val) {
+        this.renderer.view.style.height = val + 'px';
+    };
+
+    getPixiWorld() {
+        return this.world;
+    }
+
+    setNewScene(model) {
+        this._createWorld();
+        this.currentScene = model;
+    }
+
+    _checkMouse() {
+        let newCoords = this._getMouseCoords();
+
+        if (Urso.helper.checkDeepEqual(this._mouseCoords, newCoords))
+            return true;
+
+        this._mouseCoords = newCoords;
+        this.emit(Urso.events.MODULES_SCENES_MOUSE_NEW_POSITION, this._mouseCoords);
+    };
+
+    getCachedMouseCoords() {
+        return this._mouseCoords;
+    }
+
+    _getMouseCoords() {
+        const coords = {
+            x: ~~(this.interaction.mouse.global.x / this.world.scale.x),
+            y: ~~(this.interaction.mouse.global.y / this.world.scale.y)
+        };
+
+        coords.x = this._validateCoordinate(coords.x);
+        coords.y = this._validateCoordinate(coords.y);
+
+        return coords;
+    };
+
+    _validateCoordinate(c) {
+        return c > 0 ? c : 0;
+    }
+
+    /**
+     * reserve loop, when browser tab is inactive
+     * @param {Boolean} isVisible
+     */
+    visibilityChangeHandler(isVisible) {
+        if (isVisible) {
+            if (this.passiveCallIntervalId) {
+                clearInterval(this.passiveCallIntervalId);
+                this.passiveCallIntervalId = null;
+                return;
+            }
+        }
+
+        this.passiveCallIntervalId = setInterval(() => {
+            if (!this._loopStopped && !this._loopPaused) {
+                this.update();
+            }
+        }, 16);
+    }
+
+    /**
+     * generateTexture from object
+     * @param {Object} obj
+     * @returns {Object} - pixi.Texture
+     */
+     generateTexture(obj) {
+        return this.renderer.generateTexture(obj);
+    }
+
+    _subscribeOnce() {
+        this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_VISIBILITYCHANGE, this.visibilityChangeHandler.bind(this), true);
+    }
+}
+
+module.exports = ModulesScenesPixiWrapper;