@openglobus/og 0.11.1 → 0.11.6

package/src/og/control/TouchNavigation.js

@@ -2,21 +2,38 @@
  * @module og/control/TouchNavigation
  */
 
-'use strict';
-
-import * as math from '../math.js';
-import { Control } from './Control.js';
-import { Key } from '../Lock.js';
-import { LonLat } from '../LonLat.js';
-import { Quat } from '../math/Quat.js';
-import { Ray } from '../math/Ray.js';
-import { Sphere } from '../bv/Sphere.js';
-import { Vec3 } from '../math/Vec3.js';
+"use strict";
+
+import * as math from "../math.js";
+import { Control } from "./Control.js";
+import { Key } from "../Lock.js";
+import { LonLat } from "../LonLat.js";
+import { Quat } from "../math/Quat.js";
+import { Ray } from "../math/Ray.js";
+import { Sphere } from "../bv/Sphere.js";
+import { Vec3 } from "../math/Vec3.js";
+
+class Touch {
+    constructor() {
+        this.x = 0;
+        this.y = 0;
+        this.prev_x = 0;
+        this.prev_y = 0;
+        this.grabbedPoint = new Vec3();
+        this.grabbedSpheroid = new Sphere();
+        this.dX = function () {
+            return this.x - this.prev_x;
+        };
+        this.dY = function () {
+            return this.y - this.prev_y;
+        };
+    }
+}
 
 /**
  * Touch pad planet camera dragging control.
  * @class
- * @extends {og.control.Control}
+ * @extends {Control}
  * @param {Object} [options] - Control options.
  */
 class TouchNavigation extends Control {
@@ -38,17 +55,6 @@ class TouchNavigation extends Control {
         this.stepsForward = null;
         this.stepIndex = 0;
 
-        var Touch = function () {
-            this.x = 0;
-            this.y = 0;
-            this.prev_x = 0;
-            this.prev_y = 0;
-            this.grabbedPoint = new Vec3();
-            this.grabbedSpheroid = new Sphere();
-            this.dX = function () { return this.x - this.prev_x; };
-            this.dY = function () { return this.y - this.prev_y; };
-        };
-
         this.pointOnEarth = null;
         this.earthUp = null;
 
@@ -67,11 +73,9 @@ class TouchNavigation extends Control {
     }
 
     onTouchStart(e) {
-
         this._touching = true;
 
         if (e.sys.touches.length === 2) {
-
             var t0 = this.touches[0],
                 t1 = this.touches[1];
 
@@ -88,7 +92,10 @@ class TouchNavigation extends Control {
             t1.grabbedPoint = this.planet.getCartesianFromPixelTerrain(t1, true);
 
             // this.planet._viewChanged = true;
-            this.pointOnEarth = this.planet.getCartesianFromPixelTerrain(this.renderer.handler.getCenter(), true);
+            this.pointOnEarth = this.planet.getCartesianFromPixelTerrain(
+                this.renderer.handler.getCenter(),
+                true
+            );
 
             if (this.pointOnEarth) {
                 this.earthUp = this.pointOnEarth.normal();
@@ -99,7 +106,6 @@ class TouchNavigation extends Control {
                 t1.grabbedSpheroid.radius = t1.grabbedPoint.length();
                 this.stopRotation();
             }
-
         } else if (e.sys.touches.length === 1) {
             this._startTouchOne(e);
         }
@@ -139,12 +145,13 @@ class TouchNavigation extends Control {
         var p = this.planet.getCartesianFromPixelTerrain(this.touches[0], true);
         if (p) {
             var g = this.planet.ellipsoid.cartesianToLonLat(p);
-            this.planet.flyLonLat(new LonLat(g.lon, g.lat, this.renderer.activeCamera.eye.distance(p) * 0.57));
+            this.planet.flyLonLat(
+                new LonLat(g.lon, g.lat, this.renderer.activeCamera.eye.distance(p) * 0.57)
+            );
         }
     }
 
     onTouchEnd(e) {
-
         if (e.sys.touches.length === 0) {
             this._touching = false;
         }
@@ -153,21 +160,20 @@ class TouchNavigation extends Control {
             this._startTouchOne(e);
         }
 
-        if ((Math.abs(this.touches[0].x - this.touches[0].prev_x) < 3) &&
-            (Math.abs(this.touches[0].y - this.touches[0].prev_y) < 3)) {
+        if (
+            Math.abs(this.touches[0].x - this.touches[0].prev_x) < 3 &&
+            Math.abs(this.touches[0].y - this.touches[0].prev_y) < 3
+        ) {
             this.scaleRot = 0;
         }
     }
 
-    onTouchCancel(e) {
-    }
+    onTouchCancel(e) {}
 
     onTouchMove(e) {
-
         var cam = this.renderer.activeCamera;
 
         if (e.sys.touches.length === 2) {
-
             this.renderer.controlsBag.scaleRot = 1;
 
             var t0 = this.touches[0],
@@ -189,9 +195,14 @@ class TouchNavigation extends Control {
             t1.x = e.sys.touches.item(1).clientX - e.sys.offsetLeft;
             t1.y = e.sys.touches.item(1).clientY - e.sys.offsetTop;
 
-            if ((t0.dY() > 0 && t1.dY() > 0) || (t0.dY() < 0 && t1.dY() < 0) ||
-                (t0.dX() > 0 && t1.dX() > 0) || (t0.dX() < 0 && t1.dX() < 0)) {
-                var l = 0.5 / cam.eye.distance(this.pointOnEarth) * cam._lonLat.height * math.RADIANS;
+            if (
+                (t0.dY() > 0 && t1.dY() > 0) ||
+                (t0.dY() < 0 && t1.dY() < 0) ||
+                (t0.dX() > 0 && t1.dX() > 0) ||
+                (t0.dX() < 0 && t1.dX() < 0)
+            ) {
+                var l =
+                    (0.5 / cam.eye.distance(this.pointOnEarth)) * cam._lonLat.height * math.RADIANS;
                 if (l > 0.007) l = 0.007;
                 cam.rotateHorizontal(l * t0.dX(), false, this.pointOnEarth, this.earthUp);
                 cam.rotateVertical(l * t0.dY(), this.pointOnEarth, true);
@@ -200,9 +211,7 @@ class TouchNavigation extends Control {
             }
 
             this.scaleRot = 0;
-
         } else if (e.sys.touches.length === 1) {
-
             var t = this.touches[0];
 
             t.prev_x = t.x;
@@ -221,7 +230,10 @@ class TouchNavigation extends Control {
 
             if (targetPoint) {
                 if (cam.slope > 0.2) {
-                    this.qRot = Quat.getRotationBetweenVectors(targetPoint.normal(), t.grabbedPoint.normal());
+                    this.qRot = Quat.getRotationBetweenVectors(
+                        targetPoint.normal(),
+                        t.grabbedPoint.normal()
+                    );
                     var rot = this.qRot;
                     cam.eye = rot.mulVec3(cam.eye);
                     cam._v = rot.mulVec3(cam._v);
@@ -245,10 +257,9 @@ class TouchNavigation extends Control {
                 }
             }
         }
-    };
+    }
 
     onDraw(e) {
-
         this.renderer.controlsBag.scaleRot = this.scaleRot;
 
         if (this._touching) {
@@ -279,7 +290,9 @@ class TouchNavigation extends Control {
             this.scaleRot = 0;
         } else {
             r.controlsBag.scaleRot = this.scaleRot;
-            var rot = this.qRot.slerp(Quat.IDENTITY, 1 - this.scaleRot * this.scaleRot * this.scaleRot).normalize();
+            var rot = this.qRot
+                .slerp(Quat.IDENTITY, 1 - this.scaleRot * this.scaleRot * this.scaleRot)
+                .normalize();
             if (!(rot.x || rot.y || rot.z)) {
                 this.scaleRot = 0;
             }
@@ -301,6 +314,6 @@ class TouchNavigation extends Control {
             this.planet._normalMapCreator.free(this._keyLock);
         }
     }
-};
+}
 
-export { TouchNavigation };
+export { TouchNavigation };

package/src/og/control/ZoomControl.js

@@ -2,15 +2,15 @@
  * @module og/control/ZoomControl
  */
 
-'use strict';
+"use strict";
 
-import { Control } from './Control.js';
-import { Key } from '../Lock.js';
+import { Control } from "./Control.js";
+import { Key } from "../Lock.js";
 
 /**
  * Planet zoom buttons control.
  * @class
- * @extends {og.control.Control}
+ * @extends {Control}
  * @params {Object} [options] - Control options.
  */
 class ZoomControl extends Control {
@@ -27,13 +27,13 @@ class ZoomControl extends Control {
     }
 
     oninit() {
-        var zoomDiv = document.createElement('div'),
-            btnZoomIn = document.createElement('button'),
-            btnZoomOut = document.createElement('button');
+        var zoomDiv = document.createElement("div"),
+            btnZoomIn = document.createElement("button"),
+            btnZoomOut = document.createElement("button");
 
-        zoomDiv.className = 'ogZoomControl';
-        btnZoomIn.className = 'ogZoomButton ogZoomIn';
-        btnZoomOut.className = 'ogZoomButton ogZoomOut';
+        zoomDiv.className = "ogZoomControl";
+        btnZoomIn.className = "ogZoomButton ogZoomIn";
+        btnZoomOut.className = "ogZoomButton ogZoomOut";
 
         zoomDiv.appendChild(btnZoomIn);
         zoomDiv.appendChild(btnZoomOut);
@@ -46,23 +46,40 @@ class ZoomControl extends Control {
         btnZoomOut.addEventListener("mousedown", (e) => this.zoomOut());
         btnZoomOut.addEventListener("mouseup", (e) => this.stopZoom());
 
-        btnZoomIn.addEventListener('touchstart', (e) => { e.preventDefault(); this.zoomIn(); });
-        btnZoomIn.addEventListener('touchend', (e) => { e.preventDefault(); this.stopZoom(); });
-        btnZoomIn.addEventListener('touchcancel', (e) => { e.preventDefault(); this.stopZoom(); });
-
-        btnZoomOut.addEventListener('touchstart', (e) => { e.preventDefault(); this.zoomOut(); });
-        btnZoomOut.addEventListener('touchend', (e) => { e.preventDefault(); this.stopZoom(); });
-        btnZoomOut.addEventListener('touchcancel', (e) => { e.preventDefault(); this.stopZoom(); });
+        btnZoomIn.addEventListener("touchstart", (e) => {
+            e.preventDefault();
+            this.zoomIn();
+        });
+        btnZoomIn.addEventListener("touchend", (e) => {
+            e.preventDefault();
+            this.stopZoom();
+        });
+        btnZoomIn.addEventListener("touchcancel", (e) => {
+            e.preventDefault();
+            this.stopZoom();
+        });
+
+        btnZoomOut.addEventListener("touchstart", (e) => {
+            e.preventDefault();
+            this.zoomOut();
+        });
+        btnZoomOut.addEventListener("touchend", (e) => {
+            e.preventDefault();
+            this.stopZoom();
+        });
+        btnZoomOut.addEventListener("touchcancel", (e) => {
+            e.preventDefault();
+            this.stopZoom();
+        });
 
         this.renderer.events.on("draw", this._draw, this);
     }
 
-    /** 
+    /**
      * Planet zoom in.
      * @public
      */
     zoomIn() {
-
         this.planet.layerLock.lock(this._keyLock);
         this.planet.terrainLock.lock(this._keyLock);
         this.planet._normalMapCreator.lock(this._keyLock);
@@ -72,12 +89,11 @@ class ZoomControl extends Control {
         this._move = 1;
     }
 
-    /** 
+    /**
      * Planet zoom out.
      * @public
      */
     zoomOut() {
-
         this.planet.layerLock.lock(this._keyLock);
         this.planet.terrainLock.lock(this._keyLock);
         this.planet._normalMapCreator.lock(this._keyLock);
@@ -87,7 +103,6 @@ class ZoomControl extends Control {
     }
 
     stopZoom() {
-
         this._move = 0;
 
         this.planet.layerLock.free(this._keyLock);
@@ -96,12 +111,13 @@ class ZoomControl extends Control {
     }
 
     _draw(e) {
-
         var cam = this.renderer.activeCamera;
 
         if (this._move !== 0) {
-            var d = cam.eye.distance(
-                this.planet.getCartesianFromPixelTerrain(this._targetPoint, true)) * 0.075;
+            var d =
+                cam.eye.distance(
+                    this.planet.getCartesianFromPixelTerrain(this._targetPoint, true)
+                ) * 0.075;
             cam.eye.addA(cam.getForward().scale(this._move * d));
             cam.checkTerrainCollision();
             cam.update();

package/src/og/control/index.js

@@ -1,5 +1,7 @@
 import { Control } from "./Control.js";
+import { CompassButton } from "./CompassButton.js";
 import { DebugInfo } from "./DebugInfo";
+import { EarthNavigation } from "./EarthNavigation.js";
 import { EarthCoordinates } from "./EarthCoordinates.js";
 import { GeoImageDragControl } from "./GeoImageDragControl.js";
 import { KeyboardNavigation } from "./KeyboardNavigation.js";
@@ -15,7 +17,9 @@ import { Lighting } from "./Lighting.js";
 
 export {
     Control,
+    CompassButton,
     DebugInfo,
+    EarthNavigation,
     EarthCoordinates,
     GeoImageDragControl,
     KeyboardNavigation,