@urso/core 0.8.21 → 0.9.0-dev

package/src/js/components/debug/template.js

@@ -1,55 +1,55 @@
-class ComponentsDebugTemplate {
-
-    constructor() {
-        this.objects = [
-            {
-                type: Urso.types.objects.CONTAINER,
-                name: 'debugContainer',
-                contents:[
-                    {
-                        type: Urso.types.objects.TEXT,
-                        name: 'debugCoords',
-                        text: 'x:0, y:0',
-                        fontFamily: 'Helvetica',
-                        fontSize: 15,
-                        fill: '#00FF00'
-                    },
-                    {
-                        type: Urso.types.objects.TEXT,
-                        name: 'debugFps',
-                        text: 'fps: 0',
-                        y: 15,
-                        fontFamily: 'Helvetica',
-                        fontSize: 15,
-                        fill: '#00FF00'
-                    },
-                    {
-                        type: Urso.types.objects.TEXT,
-                        name: 'debugTimescaleValue',
-                        text: '1',
-                        x: '50%',
-                        y: '30%',
-                        visible: false,
-                        anchorX: 0.5,
-                        anchorY: 0.5,
-                        fontFamily: 'Verdana',
-                        fontSize: 100,
-                        fontStyle: 'italic',
-                        fontWeight: 'bold',
-                        fill: ['#ffffff', '#00ff99'], // gradient
-                        stroke: '#4a1850',
-                        strokeThickness: 5,
-                        dropShadow: true,
-                        dropShadowColor: '#000000',
-                        dropShadowBlur: 4,
-                        dropShadowAngle: Math.PI / 6,
-                        dropShadowDistance: 6,
-                    }
-                ]
-            }
-        ]
-    }
-
-}
-
-module.exports = ComponentsDebugTemplate;
+class ComponentsDebugTemplate {
+
+    constructor() {
+        this.objects = [
+            {
+                type: Urso.types.objects.CONTAINER,
+                name: 'debugContainer',
+                contents:[
+                    {
+                        type: Urso.types.objects.TEXT,
+                        name: 'debugCoords',
+                        text: 'x:0, y:0',
+                        fontFamily: 'Helvetica',
+                        fontSize: 15,
+                        fill: '#00FF00'
+                    },
+                    {
+                        type: Urso.types.objects.TEXT,
+                        name: 'debugFps',
+                        text: 'fps: 0',
+                        y: 15,
+                        fontFamily: 'Helvetica',
+                        fontSize: 15,
+                        fill: '#00FF00'
+                    },
+                    {
+                        type: Urso.types.objects.TEXT,
+                        name: 'debugTimescaleValue',
+                        text: '1',
+                        x: '50%',
+                        y: '30%',
+                        visible: false,
+                        anchorX: 0.5,
+                        anchorY: 0.5,
+                        fontFamily: 'Verdana',
+                        fontSize: 100,
+                        fontStyle: 'italic',
+                        fontWeight: 'bold',
+                        fill: ['#ffffff', '#00ff99'], // gradient
+                        stroke: '#4a1850',
+                        strokeThickness: 5,
+                        dropShadow: true,
+                        dropShadowColor: '#000000',
+                        dropShadowBlur: 4,
+                        dropShadowAngle: Math.PI / 6,
+                        dropShadowDistance: 6,
+                    }
+                ]
+            }
+        ]
+    }
+
+}
+
+export default ComponentsDebugTemplate;

package/src/js/components/debug/timescale.js

@@ -1,60 +1,60 @@
-class ComponentsDebugTimescale {
-
-    constructor() {
-        this._timescaleText;
-
-        this.create = this.create.bind(this);
-
-        this.scaleStep = 0.5;
-        this.scaleInfoDuration = 2000;
-
-        this._minusButtonsCodes = [109, 189];
-        this._plusButtonsCodes = [107, 187];
-        this._hideId;
-    }
-
-    create() {
-        document.addEventListener('keydown', this.keyPressTest.bind(this));
-        this._timescaleText = this.common.findOne('^debugTimescaleValue');
-        return true;
-    };
-
-    keyPressTest(e) {
-        const evtobj = window.event ? event : e;
-
-        if (!evtobj.altKey) //alt and +/-
-            return;
-
-        let factor = 0;
-
-        if (this._minusButtonsCodes.includes(evtobj.keyCode)) {
-            factor = -1;
-        }
-
-        if (this._plusButtonsCodes.includes(evtobj.keyCode)) {
-            factor = 1;
-        }
-
-        if (!factor)
-            return;
-
-        const timescaleDiff = Urso.scenes.timeScale >= 1 ? this.scaleStep * factor : (this.scaleStep * factor) * 0.1;
-        let timescaleNewValue = Urso.scenes.timeScale + timescaleDiff;
-
-        if (timescaleNewValue < 0.1)
-            timescaleNewValue = 0.1;
-
-        Urso.scenes.timeScale = Urso.math.roundToDigits(timescaleNewValue, 2);
-
-        this._timescaleText.text = Urso.scenes.timeScale;
-        this._timescaleText.visible = true;
-
-        if (this._hideId)
-            clearTimeout(this._hideId);
-
-        this._hideId = setTimeout(() => this._timescaleText.visible = false, this.scaleInfoDuration);
-    }
-
-}
-
-module.exports = ComponentsDebugTimescale;
+class ComponentsDebugTimescale {
+
+    constructor() {
+        this._timescaleText;
+
+        this.create = this.create.bind(this);
+
+        this.scaleStep = 0.5;
+        this.scaleInfoDuration = 2000;
+
+        this._minusButtonsCodes = [109, 189];
+        this._plusButtonsCodes = [107, 187];
+        this._hideId;
+    }
+
+    create() {
+        document.addEventListener('keydown', this.keyPressTest.bind(this));
+        this._timescaleText = this.common.findOne('^debugTimescaleValue');
+        return true;
+    };
+
+    keyPressTest(e) {
+        const evtobj = window.event ? event : e;
+
+        if (!evtobj.altKey) //alt and +/-
+            return;
+
+        let factor = 0;
+
+        if (this._minusButtonsCodes.includes(evtobj.keyCode)) {
+            factor = -1;
+        }
+
+        if (this._plusButtonsCodes.includes(evtobj.keyCode)) {
+            factor = 1;
+        }
+
+        if (!factor)
+            return;
+
+        const timescaleDiff = Urso.scenes.timeScale >= 1 ? this.scaleStep * factor : (this.scaleStep * factor) * 0.1;
+        let timescaleNewValue = Urso.scenes.timeScale + timescaleDiff;
+
+        if (timescaleNewValue < 0.1)
+            timescaleNewValue = 0.1;
+
+        Urso.scenes.timeScale = Urso.math.roundToDigits(timescaleNewValue, 2);
+
+        this._timescaleText.text = Urso.scenes.timeScale;
+        this._timescaleText.visible = true;
+
+        if (this._hideId)
+            clearTimeout(this._hideId);
+
+        this._hideId = setTimeout(() => this._timescaleText.visible = false, this.scaleInfoDuration);
+    }
+
+}
+
+export default ComponentsDebugTimescale;

package/src/js/components/deviceRotate/controller.js

@@ -1,95 +1,95 @@
-const ComponentsBaseController = require('./../base/controller');
-
-class ComponentsDeviceRotateController extends ComponentsBaseController {
-
-  constructor(params) {
-    super(params);
-
-    this._created = false;
-    this._div = null;
-    this._orientation = null;
-    this._resolutionsConfig = null;
-  }
-
-  create() {
-    if (Urso.device.desktop)
-      return;
-
-    this._resolutionsConfig = Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
-
-    this._createDom();
-    this._updateOrientation();
-    this._updateVisibility();
-    this._created = true;
-  }
-
-  _createDom() {
-    this._div = document.createElement('div');
-    this._div.className = 'fullscreen device-rotate';
-    this._div.style.touchAction = 'none';
-    this._div.style.visibility = 'hidden';
-
-    document.body.prepend(this._div);
-
-    const infoDiv = document.createElement('div');
-    infoDiv.className = 'fullscreen-info';
-    this._div.appendChild(infoDiv);
-    const image = document.createElement('img');
-    image.src = `${Urso.config.gamePath}assets/images/fullscreen/rotate.png`;
-    const span = document.createElement('span');
-    span.innerText = 'Please rotate device';
-
-    infoDiv.appendChild(image);
-    infoDiv.appendChild(span);
-  }
-
-  get _showOnLandscape() {
-    if (!this._resolutionsConfig) return false;
-
-    return !this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.LANDSCAPE);
-  }
-
-  get _showOnPortrait() {
-    if (!this._resolutionsConfig) return false;
-
-    return !this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.PORTRAIT);
-  }
-
-  get _isPortrait() {
-    return this._orientation === Urso.device.ScreenOrientation.PORTRAIT;
-  }
-
-  get _needShow() {
-    return (this._orientation === Urso.device.ScreenOrientation.PORTRAIT && this._showOnPortrait) ||
-      (this._orientation !== Urso.device.ScreenOrientation.PORTRAIT && this._showOnLandscape)
-  }
-
-  set _isVisible(needShowDiv) {
-    this._div.style.visibility = needShowDiv ? 'visible' : 'hidden';
-  }
-
-  _updateOrientation() {
-    this._orientation = innerWidth > innerHeight ? Urso.device.ScreenOrientation.LANDSCAPE : Urso.device.ScreenOrientation.PORTRAIT;
-  }
-
-  _updateVisibility() {
-    this._isVisible = this._needShow;
-  }
-
-  _resizeHandler() {
-    if (!this._created)
-      return;
-
-    this._updateOrientation();
-    this._updateVisibility();
-  }
-
-  _subscribeOnce() {
-    if (Urso.device.desktop)
-      return;
-
-    this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
-  }
-}
-
-module.exports = ComponentsDeviceRotateController;
+import ComponentsBaseController from './../base/controller';
+
+class ComponentsDeviceRotateController extends ComponentsBaseController {
+
+  constructor(params) {
+    super(params);
+
+    this._created = false;
+    this._div = null;
+    this._orientation = null;
+    this._resolutionsConfig = null;
+  }
+
+  create() {
+    if (Urso.device.desktop)
+      return;
+
+    this._resolutionsConfig = Urso.getInstance('Modules.Scenes.ResolutionsConfig').contents || [];
+
+    this._createDom();
+    this._updateOrientation();
+    this._updateVisibility();
+    this._created = true;
+  }
+
+  _createDom() {
+    this._div = document.createElement('div');
+    this._div.className = 'fullscreen device-rotate';
+    this._div.style.touchAction = 'none';
+    this._div.style.visibility = 'hidden';
+
+    document.body.prepend(this._div);
+
+    const infoDiv = document.createElement('div');
+    infoDiv.className = 'fullscreen-info';
+    this._div.appendChild(infoDiv);
+    const image = document.createElement('img');
+    image.src = `${Urso.config.gamePath}assets/images/fullscreen/rotate.png`;
+    const span = document.createElement('span');
+    span.innerText = 'Please rotate device';
+
+    infoDiv.appendChild(image);
+    infoDiv.appendChild(span);
+  }
+
+  get _showOnLandscape() {
+    if (!this._resolutionsConfig) return false;
+
+    return !this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.LANDSCAPE);
+  }
+
+  get _showOnPortrait() {
+    if (!this._resolutionsConfig) return false;
+
+    return !this._resolutionsConfig.find(resolution => resolution.orientation === Urso.device.ScreenOrientation.PORTRAIT);
+  }
+
+  get _isPortrait() {
+    return this._orientation === Urso.device.ScreenOrientation.PORTRAIT;
+  }
+
+  get _needShow() {
+    return (this._orientation === Urso.device.ScreenOrientation.PORTRAIT && this._showOnPortrait) ||
+      (this._orientation !== Urso.device.ScreenOrientation.PORTRAIT && this._showOnLandscape)
+  }
+
+  set _isVisible(needShowDiv) {
+    this._div.style.visibility = needShowDiv ? 'visible' : 'hidden';
+  }
+
+  _updateOrientation() {
+    this._orientation = innerWidth > innerHeight ? Urso.device.ScreenOrientation.LANDSCAPE : Urso.device.ScreenOrientation.PORTRAIT;
+  }
+
+  _updateVisibility() {
+    this._isVisible = this._needShow;
+  }
+
+  _resizeHandler() {
+    if (!this._created)
+      return;
+
+    this._updateOrientation();
+    this._updateVisibility();
+  }
+
+  _subscribeOnce() {
+    if (Urso.device.desktop)
+      return;
+
+    this.addListener(Urso.events.EXTRA_BROWSEREVENTS_WINDOW_RESIZE, this._resizeHandler.bind(this));
+  }
+}
+
+export default ComponentsDeviceRotateController;