@openglobus/og 0.11.2 → 0.11.7

package/src/og/layer/XYZ.js

@@ -2,18 +2,18 @@
  * @module og/layer/XYZ
  */
 
-'use strict';
+"use strict";
 
-import * as mercator from '../mercator.js';
-import { EPSG3857 } from '../proj/EPSG3857.js';
-import { Layer } from './Layer.js';
-import { stringTemplate } from '../utils/shared.js';
-import { RENDERING } from '../quadTree/quadTree.js';
+import * as mercator from "../mercator.js";
+import { EPSG3857 } from "../proj/EPSG3857.js";
+import { Layer } from "./Layer.js";
+import { stringTemplate } from "../utils/shared.js";
+import { RENDERING } from "../quadTree/quadTree.js";
 
 /**
  * Represents an imagery tiles source provider.
  * @class
- * @extends {og.Layer}
+ * @extends {Layer}
  * @param {string} name - Layer name.
  * @param {Object} options:
  * @param {number} [options.opacity=1.0] - Layer opacity.
@@ -28,7 +28,8 @@ import { RENDERING } from '../quadTree/quadTree.js';
  * @param {boolean} [options.visibility=true] - Layer visibility.
  * @param {string} [options.crossOrigin=true] - If true, all tiles will have their crossOrigin attribute set to ''.
  * @param {string} options.url - Tile url source template(see example below).
- * @param {og.layer.XYZ~_urlRewriteCallback} options.urlRewrite - Url rewrite function.
+ * @param {string} options.textureFilter - texture gl filter. NEAREST, LINEAR, MIPMAP, ANISOTROPHIC.
+ * @param {layer.XYZ~_urlRewriteCallback} options.urlRewrite - Url rewrite function.
  * @fires og.layer.XYZ#load
  * @fires og.layer.XYZ#loadend
  *
@@ -41,7 +42,6 @@ import { RENDERING } from '../quadTree/quadTree.js';
  * });
  */
 class XYZ extends Layer {
-
     /**
      * @param {string} name - Layer name.
      * @param {*} options
@@ -63,7 +63,7 @@ class XYZ extends Layer {
         /**
          * @protected
          */
-        this._s = options.subdomains || ['a', 'b', 'c'];
+        this._s = options.subdomains || ["a", "b", "c"];
 
         /**
          * Minimal native zoom level when tiles are available.
@@ -82,13 +82,13 @@ class XYZ extends Layer {
         /**
          * @protected
          */
-        this._crossOrigin = options.crossOrigin === undefined ? '' : options.crossOrigin;
+        this._crossOrigin = options.crossOrigin === undefined ? "" : options.crossOrigin;
 
         /**
          * Rewrites imagery tile url query.
          * @private
          * @callback og.layer.XYZ~_urlRewriteCallback
-         * @param {og.planetSegment.Segment} segment - Segment to load.
+         * @param {Segment} segment - Segment to load.
          * @param {string} url - Created url.
          * @returns {string} - Url query string.
          */
@@ -114,7 +114,6 @@ class XYZ extends Layer {
      */
     setVisibility(visibility) {
         if (visibility !== this._visibility) {
-
             super.setVisibility(visibility);
 
             if (!visibility) {
@@ -143,10 +142,9 @@ class XYZ extends Layer {
      * Start to load tile material.
      * @public
      * @virtual
-     * @param {og.planetSegment.Material} material - Loads current material.
+     * @param {Material} material - Loads current material.
      */
     loadMaterial(material, forceLoading) {
-
         let seg = material.segment;
 
         if (this._isBaseLayer) {
@@ -156,37 +154,39 @@ class XYZ extends Layer {
         }
 
         if (this._planet.layerLock.isFree()) {
-
             material.isReady = false;
             material.isLoading = true;
 
             if (this._checkSegment(seg)) {
-
                 material.loadingAttempts++;
 
-                this._planet._tileLoader.load({
-                    src: this._getHTTPRequestString(material.segment),
-                    type: 'imageBitmap',
-                    filter: () => (seg.initialized && seg.node.getState() === RENDERING) || forceLoading,
-                    options: {}
-                }, (response) => {
-                    if (response.status === "ready") {
-                        if (material.isLoading) {
-                            let e = this.events.load;
-                            if (e.handlers.length) {
-                                this.events.dispatch(e, material);
+                this._planet._tileLoader.load(
+                    {
+                        src: this._getHTTPRequestString(material.segment),
+                        type: "imageBitmap",
+                        filter: () =>
+                            (seg.initialized && seg.node.getState() === RENDERING) || forceLoading,
+                        options: {}
+                    },
+                    (response) => {
+                        if (response.status === "ready") {
+                            if (material.isLoading) {
+                                let e = this.events.load;
+                                if (e.handlers.length) {
+                                    this.events.dispatch(e, material);
+                                }
+                                material.applyImage(response.data);
+                                response.data = null;
+                            }
+                        } else if (response.status === "abort") {
+                            material.isLoading = false;
+                        } else if (response.status === "error") {
+                            if (material.isLoading) {
+                                material.textureNotExists();
                             }
-                            material.applyImage(response.data);
-                            response.data = null;
-                        }
-                    } else if (response.status === "abort") {
-                        material.isLoading = false;
-                    } else if (response.status === "error") {
-                        if (material.isLoading) {
-                            material.textureNotExists();
                         }
                     }
-                });
+                );
             } else {
                 material.textureNotExists();
             }
@@ -197,7 +197,7 @@ class XYZ extends Layer {
      * Creates query url.
      * @protected
      * @virtual
-     * @param {og.planetSegment.Segment} segment - Creates specific url for current segment.
+     * @param {Segment} segment - Creates specific url for current segment.
      * @returns {String} - Returns url string.
      */
     _createUrl(segment) {
@@ -216,28 +216,28 @@ class XYZ extends Layer {
     /**
      * Returns actual url query string.
      * @protected
-     * @param {og.planetSegment.Segment} segment - Segment that loads image data.
+     * @param {Segment} segment - Segment that loads image data.
      * @returns {string} - Url string.
      */
     _getHTTPRequestString(segment) {
-        return this._urlRewriteCallback ? this._urlRewriteCallback(segment, this.url) : this._createUrl(segment);
+        return this._urlRewriteCallback
+            ? this._urlRewriteCallback(segment, this.url)
+            : this._createUrl(segment);
     }
 
     /**
      * Sets url rewrite callback, used for custom url rewriting for every tile laoding.
      * @public
-     * @param {og.layer.XYZ~_urlRewriteCallback} ur - The callback that returns tile custom created url.
+     * @param {layer.XYZ~_urlRewriteCallback} ur - The callback that returns tile custom created url.
      */
     setUrlRewriteCallback(ur) {
         this._urlRewriteCallback = ur;
     }
 
     applyMaterial(material) {
-
         if (material.isReady) {
             return material.texOffset;
         } else {
-
             // if (material.loadingAttempts > 20) {
             //     debugger;
             // }
@@ -272,7 +272,9 @@ class XYZ extends Layer {
                 if (pnm) {
                     !pnm.isLoading && !pnm.isReady && this.loadMaterial(pnm, true);
                 } else {
-                    pnm = pn.segment.materials[material.layer._id] = material.layer.createMaterial(pn.segment);
+                    pnm = pn.segment.materials[material.layer._id] = material.layer.createMaterial(
+                        pn.segment
+                    );
                     this.loadMaterial(pnm, true);
                 }
             }
@@ -305,7 +307,7 @@ class XYZ extends Layer {
             material.texture = null;
 
             if (material.image) {
-                material.image.src = '';
+                material.image.src = "";
                 material.image = null;
             }
         }
@@ -360,4 +362,4 @@ const EVENT_NAMES = [
     "loadend"
 ];
 
-export { XYZ };
+export { XYZ };

package/src/og/light/LightSource.js

@@ -2,19 +2,19 @@
  * @module og/light/LightSource
  */
 
-'use strict';
+"use strict";
 
-import { Vec3 } from '../math/Vec3.js';
+import { Vec3 } from "../math/Vec3.js";
 
 /**
  * Represents basic light source.
  * @class
  * @param {string} [name] - Light source name.
  * @param {Object} [params] - Light parameters:
- * @param {og.Vec3} [params.position] - Light source position if it is a point light, otherwise it is a light direction vector.
- * @param {og.Vec3} [params.ambient]  - Ambient RGB color.
- * @param {og.Vec3} [params.diffuse]  - Diffuse RGB color.
- * @param {og.Vec3} [params.specular]  - Specular RGB color.
+ * @param {Vec3} [params.position] - Light source position if it is a point light, otherwise it is a light direction vector.
+ * @param {Vec3} [params.ambient]  - Ambient RGB color.
+ * @param {Vec3} [params.diffuse]  - Diffuse RGB color.
+ * @param {Vec3} [params.specular]  - Specular RGB color.
  * @param {number} [params.shininess]  - Specular shininess.
  */
 class LightSource {
@@ -37,19 +37,19 @@ class LightSource {
          * @protected
          * @type {string}
          */
-        this._name = name || ("light_" + LightSource._staticCounter++);
+        this._name = name || "light_" + LightSource._staticCounter++;
 
         /**
          * Render node where light is shines.
          * @protected
-         * @type {og.scene.RenderNode}
+         * @type {RenderNode}
          */
         this._renderNode = null;
 
         /**
          * Light position.
          * @protected
-         * @type {og.Vec3}
+         * @type {Vec3}
          */
         this._position = params.position || new Vec3();
 
@@ -63,21 +63,21 @@ class LightSource {
         /**
          * Ambient color.
          * @protected
-         * @type {og.Vec3}
+         * @type {Vec3}
          */
         this._ambient = params.ambient || new Vec3();
 
         /**
          * Diffuse color.
          * @protected
-         * @type {og.Vec3}
+         * @type {Vec3}
          */
         this._diffuse = params.diffuse || new Vec3(0.8, 0.8, 0.8);
 
         /**
          * Specular color.
          * @protected
-         * @type {og.Vec3}
+         * @type {Vec3}
          */
         this._specular = params.specular || new Vec3(0.18, 0.18, 0.18);
 
@@ -105,7 +105,7 @@ class LightSource {
      * Creates clone of the current light object.
      * @todo: TODO
      * @public
-     * @returns {og.LightSource}
+     * @returns {LightSource}
      */
     clone() {
         // TODO
@@ -158,8 +158,8 @@ class LightSource {
     /**
      * Set light source position, or if it is a directional type sets light direction vector.
      * @public
-     * @param {og.Vec3} position - Light position or direction vector.
-     * @returns {og.LightSource}
+     * @param {Vec3} position - Light position or direction vector.
+     * @returns {LightSource}
      */
     setPosition3v(position) {
         this._position.x = position.x;
@@ -171,8 +171,8 @@ class LightSource {
     /**
      * Set light source position, or if it is a directional type sets light direction vector.
      * @public
-     * @param {og.Vec3} position - Light position or direction vector.
-     * @returns {og.LightSource}
+     * @param {Vec3} position - Light position or direction vector.
+     * @returns {LightSource}
      */
     setPosition(x, y, z) {
         this._position.x = x;
@@ -184,7 +184,7 @@ class LightSource {
     /**
      * Returns light source position, or if it is a directional type sets light direction vector.
      * @public
-     * @returns {og.Vec3} - Light source position/direction.
+     * @returns {Vec3} - Light source position/direction.
      */
     getPosition() {
         return this._position.clone();
@@ -193,8 +193,8 @@ class LightSource {
     /**
      * Set ambient color.
      * @public
-     * @param {og.Vec3} rgb - Ambient color.
-     * @returns {og.LightSource}
+     * @param {Vec3} rgb - Ambient color.
+     * @returns {LightSource}
      */
     setAmbient3v(rgb) {
         return this.setAmbient(rgb.x, rgb.y, rgb.z);
@@ -203,8 +203,8 @@ class LightSource {
     /**
      * Set diffuse color.
      * @public
-     * @param {og.Vec3} rgb - Diffuse color.
-     * @returns {og.LightSource}
+     * @param {Vec3} rgb - Diffuse color.
+     * @returns {LightSource}
      */
     setDiffuse3v(rgb) {
         return this.setDiffuse(rgb.x, rgb.y, rgb.z);
@@ -213,19 +213,19 @@ class LightSource {
     /**
      * Set specular color.
      * @public
-     * @param {og.Vec3} rgb - Specular color.
-     * @returns {og.LightSource}
+     * @param {Vec3} rgb - Specular color.
+     * @returns {LightSource}
      */
     setSpecular3v(rgb) {
         return this.setSpecular(rgb.x, rgb.y, rgb.z);
     }
 
     /**
- * Set ambient color.
- * @public
- * @param {og.Vec3} rgb - Ambient color.
- * @returns {og.LightSource}
- */
+     * Set ambient color.
+     * @public
+     * @param {Vec3} rgb - Ambient color.
+     * @returns {LightSource}
+     */
     setAmbient(r, g, b) {
         this._ambient.set(r, g, b);
         var rn = this._renderNode;
@@ -243,7 +243,7 @@ class LightSource {
     /**
      * Set diffuse color.
      * @public
-     * @returns {og.LightSource}
+     * @returns {LightSource}
      */
     setDiffuse(r, g, b) {
         this._diffuse.set(r, g, b);
@@ -262,7 +262,7 @@ class LightSource {
     /**
      * Set specular color.
      * @public
-     * @returns {og.LightSource}
+     * @returns {LightSource}
      */
     setSpecular(r, g, b) {
         this._specular.set(r, g, b);
@@ -281,7 +281,7 @@ class LightSource {
     /**
      * Set material shininess.
      * @public
-     * @returns {og.LightSource}
+     * @returns {LightSource}
      */
     setShininess(shininess) {
         this._shininess = shininess;
@@ -298,7 +298,7 @@ class LightSource {
     /**
      * Sets light to black.
      * @public
-     * @returns {og.LightSource}
+     * @returns {LightSource}
      */
     setBlack() {
         this._ambient.clear();
@@ -309,9 +309,16 @@ class LightSource {
         if (rn) {
             var index = 9 * rn._lightsNames.indexOf(this._name);
             if (index != -1) {
-                rn._lightsParamsv[index] = rn._lightsParamsv[index + 1] = rn._lightsParamsv[index + 2] =
-                    rn._lightsParamsv[index + 3] = rn._lightsParamsv[index + 4] = rn._lightsParamsv[index + 5] =
-                    rn._lightsParamsv[index + 6] = rn._lightsParamsv[index + 7] = rn._lightsParamsv[index + 8] = 0;
+                rn._lightsParamsv[index] =
+                    rn._lightsParamsv[index + 1] =
+                    rn._lightsParamsv[index + 2] =
+                    rn._lightsParamsv[index + 3] =
+                    rn._lightsParamsv[index + 4] =
+                    rn._lightsParamsv[index + 5] =
+                    rn._lightsParamsv[index + 6] =
+                    rn._lightsParamsv[index + 7] =
+                    rn._lightsParamsv[index + 8] =
+                        0;
             }
         }
         return this;
@@ -320,8 +327,8 @@ class LightSource {
     /**
      * Adds current light to the render node scene.
      * @public
-     * @param {og.scene.RenderNode} renderNode - Render node scene.
-     * @returns {og.LightSource}
+     * @param {RenderNode} renderNode - Render node scene.
+     * @returns {LightSource}
      */
     addTo(renderNode) {
         this._renderNode = renderNode;
@@ -353,4 +360,4 @@ class LightSource {
     }
 }
 
-export { LightSource };
+export { LightSource };

package/src/og/math/Mat3.js

@@ -2,17 +2,16 @@
  * @module og/math/Mat3
  */
 
-'use strict';
+"use strict";
 
-import { Mat4 } from './Mat4.js';
-import { Vec3 } from './Vec3.js';
+import { Mat4 } from "./Mat4.js";
+import { Vec3 } from "./Vec3.js";
 
 /**
  * Class represents a 3x3 matrix.
  * @class
  */
 export class Mat3 {
-
     constructor() {
         /**
          * A 3x3 matrix, indexable as a column-major order array.
@@ -26,7 +25,7 @@ export class Mat3 {
      * Sets column-major order array matrix.
      * @public
      * @param {Array.<number>} m - Matrix array.
-     * @returns {og.Mat3}
+     * @returns {Mat3}
      */
     set(m) {
         this._m[0] = m[0];
@@ -44,7 +43,7 @@ export class Mat3 {
     /**
      * Duplicates a Mat3 instance.
      * @public
-     * @returns {og.Mat3}
+     * @returns {Mat3}
      */
     clone() {
         var res = new Mat3();
@@ -55,8 +54,8 @@ export class Mat3 {
     /**
      * Copy matrix.
      * @public
-     * @param {og.Mat3} a - Matrix to copy.
-     * @returns {og.Mat3}
+     * @param {Mat3} a - Matrix to copy.
+     * @returns {Mat3}
      */
     copy(a) {
         return this.set(a._m);
@@ -65,37 +64,51 @@ export class Mat3 {
     /**
      * Creates trasposed matrix from the current.
      * @public
-     * @returns {og.Mat3}
+     * @returns {Mat3}
      */
     transposeTo() {
         var res = new Mat3();
         var m = this._m;
-        res._m[0] = m[0]; res._m[1] = m[3]; res._m[2] = m[6];
-        res._m[3] = m[1]; res._m[4] = m[4]; res._m[5] = m[7];
-        res._m[6] = m[2]; res._m[7] = m[5]; res._m[8] = m[8];
+        res._m[0] = m[0];
+        res._m[1] = m[3];
+        res._m[2] = m[6];
+        res._m[3] = m[1];
+        res._m[4] = m[4];
+        res._m[5] = m[7];
+        res._m[6] = m[2];
+        res._m[7] = m[5];
+        res._m[8] = m[8];
         return res;
     }
 
     /**
      * Sets matrix to identity.
      * @public
-     * @returns {og.Mat3}
+     * @returns {Mat3}
      */
     setIdentity() {
-        this._m[0] = 1; this._m[1] = 0; this._m[2] = 0;
-        this._m[3] = 0; this._m[4] = 1; this._m[5] = 0;
-        this._m[6] = 0; this._m[7] = 0; this._m[8] = 1;
+        this._m[0] = 1;
+        this._m[1] = 0;
+        this._m[2] = 0;
+        this._m[3] = 0;
+        this._m[4] = 1;
+        this._m[5] = 0;
+        this._m[6] = 0;
+        this._m[7] = 0;
+        this._m[8] = 1;
         return this;
     }
 
     /**
      * Multiply to 3d vector.
      * @public
-     * @params {og.Vec3} p - 3d vector.
-     * @returns {og.Vec3}
+     * @params {Vec3} p - 3d vector.
+     * @returns {Vec3}
      */
     mulVec(p) {
-        var d = p.x, e = p.y, g = p.z;
+        var d = p.x,
+            e = p.y,
+            g = p.z;
         var m = this._m;
         return new Vec3(
             m[0] * d + m[3] * e + m[6] * g,
@@ -107,7 +120,7 @@ export class Mat3 {
     /**
      * Converts to 4x4 matrix.
      * @public
-     * @returns {og.Mat4}
+     * @returns {Mat4}
      */
     toMatrix4() {
         var res = new Mat4();
@@ -131,13 +144,12 @@ export class Mat3 {
         b[15] = 1;
         return res;
     }
-
 }
 
 /**
  * Mat3 factory.
  * @static
- * @return {og.Mat3}
+ * @return {Mat3}
  */
 export function mat3() {
     return new Mat3();