@openglobus/og 0.16.2 → 0.17.0

package/src/og/proj/Proj.js

@@ -1,63 +1,59 @@
-/**
- * @module og/proj/Proj
- */
-
-"use strict";
-
-/**
- * Projection units: 'degrees', 'ft', 'm' or 'km'.
- * @enum {string}
- * @api
- */
-export const Units = {
-    DEGREES: "degrees",
-    FEET: "ft",
-    METERS: "m",
-    KILOMETERS: "km"
-};
-
-/**
- * Meters per unit lookup table.
- * @const
- * @type {Object.<og.proj.Units, number>}
- */
-export const METERS_PER_UNIT = {};
-METERS_PER_UNIT[Units.FEET] = 0.3048;
-METERS_PER_UNIT[Units.METERS] = 1;
-METERS_PER_UNIT[Units.KILOMETERS] = 1000;
-
-let _counter = 0;
-class Proj {
-    constructor(options) {
-        /**
-         * @public
-         * @type {string}
-         */
-        this.code = options.code;
-
-        /**
-         * @public
-         * @type {proj.Units}
-         */
-        this.units = /** @type {Units} */ (options.units);
-
-        /**
-         * Projection identifier, especially usefull for comparison.
-         * @const
-         * @type {integer}
-         */
-        this.id = _counter++;
-    }
-
-    /**
-     * Compare projections.
-     * @public
-     * @param {Proj} proj - Projetion object.
-     * @returns {boolean}
-     */
-    equal(proj) {
-        return proj.id === this.id;
-    }
-}
-
-export { Proj };
+"use strict";
+
+/**
+ * Projection units: 'degrees', 'ft', 'm' or 'km'.
+ * @enum {string}
+ * @api
+ */
+export const Units = {
+    DEGREES: "degrees",
+    FEET: "ft",
+    METERS: "m",
+    KILOMETERS: "km"
+};
+
+/**
+ * Meters per unit lookup table.
+ * @const
+ * @type {Object.<og.proj.Units, number>}
+ */
+export const METERS_PER_UNIT = {};
+METERS_PER_UNIT[Units.FEET] = 0.3048;
+METERS_PER_UNIT[Units.METERS] = 1;
+METERS_PER_UNIT[Units.KILOMETERS] = 1000;
+
+let _counter = 0;
+class Proj {
+    constructor(options) {
+        /**
+         * @public
+         * @type {string}
+         */
+        this.code = options.code;
+
+        /**
+         * @public
+         * @type {proj.Units}
+         */
+        this.units = /** @type {Units} */ (options.units);
+
+        /**
+         * Projection identifier, especially usefull for comparison.
+         * @const
+         * @type {integer}
+         */
+        this.id = _counter++;
+    }
+
+    /**
+     * Compare projections.
+     * @public
+     * @param {Proj} proj - Projetion object.
+     * @returns {boolean}
+     */
+    equal(proj) {
+        return proj.id === this.id;
+    }
+}
+
+export { Proj };

package/src/og/quadTree/EPSG4326QuadTreeStrategy.js

@@ -1,4 +1,5 @@
 "use strict";
+
 import { Extent } from "../Extent.js";
 import { EPSG4326 } from "../proj/EPSG4326.js";
 import { Node } from "../quadTree/Node.js";

package/src/og/quadTree/EarthQuadTreeStrategy.js

@@ -1,4 +1,5 @@
 "use strict";
+
 import { Extent } from "../Extent.js";
 import * as mercator from "../mercator.js";
 import { Node } from "../quadTree/Node.js";

package/src/og/quadTree/EntityCollectionNode.js

@@ -1,7 +1,3 @@
-/**
- * @module og/quadTree/EntityCollectionNode
- */
-
 'use strict';
 
 import { Sphere } from '../bv/Sphere.js';
@@ -75,16 +71,16 @@ class EntityCollectionNode {
 
     __setLonLat__(entity) {
 
-        if (entity._lonlat.isZero() && !entity._cartesian.isZero()) {
-            entity._lonlat = this.layer._planet.ellipsoid.cartesianToLonLat(entity._cartesian);
+        if (entity._lonLat.isZero() && !entity._cartesian.isZero()) {
+            entity._lonLat = this.layer._planet.ellipsoid.cartesianToLonLat(entity._cartesian);
         }
 
-        if (Math.abs(entity._lonlat.lat) < mercator.MAX_LAT) {
-            entity._lonlatMerc = entity._lonlat.forwardMercator();
+        if (Math.abs(entity._lonLat.lat) < mercator.MAX_LAT) {
+            entity._lonLatMerc = entity._lonLat.forwardMercator();
         } else {
-            entity._lonlatMerc = null;
+            entity._lonLatMerc = null;
         }
-        return entity._lonlatMerc;
+        return entity._lonLatMerc;
     }
 
     buildTree(entities, rightNow) {
@@ -131,8 +127,8 @@ class EntityCollectionNode {
     }
 
     isInside(entity) {
-        if (entity._lonlatMerc) {
-            return this.extent.isInside(entity._lonlatMerc);
+        if (entity._lonLatMerc) {
+            return this.extent.isInside(entity._lonLatMerc);
         } else {
             return false;
         }
@@ -343,10 +339,10 @@ class EntityCollectionNodeWGS84 extends EntityCollectionNode {
     }
 
     __setLonLat__(entity) {
-        if (entity._lonlat.isZero()) {
-            entity._lonlat = this.layer._planet.ellipsoid.cartesianToLonLat(entity._cartesian);
+        if (entity._lonLat.isZero()) {
+            entity._lonLat = this.layer._planet.ellipsoid.cartesianToLonLat(entity._cartesian);
         }
-        return entity._lonlat;
+        return entity._lonLat;
     }
 
     isVisible() {
@@ -359,7 +355,7 @@ class EntityCollectionNodeWGS84 extends EntityCollectionNode {
     }
 
     isInside(entity) {
-        return this.extent.isInside(entity._lonlat);
+        return this.extent.isInside(entity._lonLat);
     }
 
     /**

package/src/og/quadTree/MarsQuadTreeStrategy.js

@@ -1,4 +1,5 @@
 "use strict";
+
 import { Extent } from "../Extent.js";
 import { EPSG4326 } from "../proj/EPSG4326.js";
 import { Node } from "../quadTree/Node.js";

package/src/og/quadTree/QuadTreeStrategy.js

@@ -1,4 +1,5 @@
 "use strict";
+
 import { EPSG3857 } from "../proj/EPSG3857.js";
 
 export class QuadTreeStrategy {

package/src/og/quadTree/Wgs84QuadTreeStrategy.js

@@ -1,4 +1,5 @@
 "use strict";
+
 import { Extent } from "../Extent.js";
 import { EPSG4326 } from "../proj/EPSG4326.js";
 import { Node } from "../quadTree/Node.js";

package/src/og/renderer/Renderer.js

@@ -230,11 +230,24 @@ class Renderer {
         this.__useDistanceFramebuffer__ = true;
 
         if (params.autoActivate || isEmpty(params.autoActivate)) {
-            this.initialize();
             this.start();
         }
     }
 
+    enableBlendOneSrcAlpha() {
+        let gl = this.handler.gl;
+        gl.enable(gl.BLEND);
+        gl.blendEquation(gl.FUNC_ADD);
+        gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+    }
+
+    enableBlendDefault() {
+        let gl = this.handler.gl;
+        gl.enable(gl.BLEND);
+        gl.blendEquation(gl.FUNC_ADD);
+        gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE);
+    }
+
     /**
      * Sets renderer events activity.
      * @param {Boolean} activity - Events activity.
@@ -414,17 +427,24 @@ class Renderer {
         control.remove();
     }
 
+    isInitialized() {
+        return this._initialized;
+    }
+
     /**
      * Renderer initialization.
      * @public
      */
     initialize() {
+
         if (this._initialized) {
             return;
         } else {
             this._initialized = true;
         }
 
+        this.handler.initialize();
+
         this.billboardsTextureAtlas.assignHandler(this.handler);
         this.geoObjectsTextureAtlas.assignHandler(this.handler);
 
@@ -537,17 +557,24 @@ class Renderer {
 
         this.screenFramePositionBuffer = this.handler.createArrayBuffer(new Float32Array([1, 1, -1, 1, 1, -1, -1, -1]), 2, 4);
 
-        let temp = this.controls;
-        this.controls = {};
-        for (let i in temp) {
-            this.addControl(temp[i]);
-        }
 
         this.outputTexture = this.screenTexture.screen;
 
         this.fontAtlas.initFont("arial", arial.data, arial.image);
 
         this._pickingMaskCoordinatesBuffer = this.handler.createArrayBuffer(new Float32Array([0, 0]), 2, 1);
+
+        this._initializeRenderNodes();
+
+        this._initializeControls();
+    }
+
+    _initializeControls() {
+        let temp = this.controls;
+        this.controls = {};
+        for (let i in temp) {
+            this.addControl(temp[i]);
+        }
     }
 
     resize() {
@@ -616,6 +643,12 @@ class Renderer {
         }
     }
 
+    _initializeRenderNodes() {
+        for (let i = 0; i < this._renderNodesArr.length; i++) {
+            this._renderNodesArr[i].initialize();
+        }
+    }
+
     /**
      * Adds render node to the renderer before specific node.
      * @public
@@ -674,10 +707,8 @@ class Renderer {
         let ec = this._entityCollections;
 
         if (ec.length) {
-            let gl = this.handler.gl;
-            gl.enable(gl.BLEND);
-            gl.blendEquation(gl.FUNC_ADD);
-            gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE);
+
+            this.enableBlendDefault();
 
             //geoObject
             let i = ec.length;
@@ -709,9 +740,7 @@ class Renderer {
         if (ec.length) {
             let gl = this.handler.gl;
 
-            gl.enable(gl.BLEND);
-            gl.blendEquation(gl.FUNC_ADD);
-            gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE);
+            this.enableBlendDefault();
 
             // billboards pass
             gl.activeTexture(gl.TEXTURE0);
@@ -775,10 +804,6 @@ class Renderer {
 
         let h = this.handler, gl = h.gl;
 
-        gl.enable(gl.BLEND);
-        gl.blendEquation(gl.FUNC_ADD);
-        gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE);
-
         gl.clearColor(0.0, 0.0, 0.0, 1.0);
         gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
 
@@ -805,10 +830,7 @@ class Renderer {
 
             i = rn.length;
             while (i--) {
-                gl.enable(gl.BLEND);
-                gl.blendEquation(gl.FUNC_ADD);
-                gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE);
-
+                this.enableBlendDefault();
                 rn[i].drawNode();
             }
 
@@ -1087,12 +1109,77 @@ class Renderer {
     }
 
     /**
-     * Function starts rendering.
+     * Function starts renderer
      * @public
      */
     start() {
+        if (!this._initialized) {
+            this.initialize();
+        }
         this.handler.start();
     }
+
+    destroy() {
+        for (let i in this.controls) {
+            this.controls[i].remove();
+        }
+
+        for (let i = 0; i < this._renderNodesArr.length; i++) {
+            this._renderNodesArr[i].remove();
+        }
+
+        this.div = null;
+
+        this._renderNodesArr = [];
+
+        this.renderNodes = {};
+
+        this.activeCamera = null;
+
+        this.controls = {};
+
+        this.controlsBag = {};
+
+        this.colorObjects = new Map();
+
+        this._pickingCallbacks = [];
+
+        this.pickingFramebuffer = null;
+
+        this._tempPickingPix_ = null;
+
+        this.distanceFramebuffer = null;
+
+        this._distanceCallbacks = [];
+
+        this._tempDistancePix_ = null;
+
+        this._depthCallbacks = [];
+
+        this.depthFramebuffer = null;
+
+        this.sceneFramebuffer = null;
+
+        this.blitFramebuffer = null;
+
+        this.toneMappingFramebuffer = null;
+
+        // todo
+        //this.billboardsTextureAtlas.clear();
+        //this.geoObjectsTextureAtlas.clear()
+        //this.fontAtlas.clear();
+
+        this._entityCollections = [];
+
+        this.colorObjects = null;
+
+        this.handler.destroy();
+
+        this.handler = null;
+
+        this._initialized = false;
+    }
+
 }
 
 export { Renderer };

package/src/og/renderer/RendererEvents.js

@@ -1,7 +1,3 @@
-/**
- * @module og/renderer/RendererEvents
- */
-
 "use strict";
 
 import { Events } from "../Events.js";

package/src/og/scene/Axes.js

@@ -1,78 +1,74 @@
-/**
- * @module og/scene/Axes
- */
-
-'use strict';
-
-import { Program } from '../webgl/Program.js';
-import { RenderNode } from './RenderNode.js';
-
-class Axes extends RenderNode {
-    constructor(size) {
-        super("Axes");
-
-        this.size = size || 100;
-        this.axesBuffer = null;
-        this.axesColorBuffer = null;
-    }
-
-    init() {
-        this.createAxisBuffer(this.size);
-        this.drawMode = this.renderer.handler.gl.LINES;
-        this.renderer.handler.addProgram(new Program("axesShader", {
-            uniforms: {
-                projectionViewMatrix: 'mat4'
-            },
-            attributes: {
-                aVertexPosition: 'vec3',
-                aVertexColor: 'vec4'
-            },
-            vertexShader:
-                `attribute vec3 aVertexPosition;
-            attribute vec4 aVertexColor;
-            uniform mat4 projectionViewMatrix;
-            varying vec4 vColor;
-            void main(void) {
-                gl_Position = projectionViewMatrix * vec4(aVertexPosition, 1.0);
-                vColor = aVertexColor;
-            }`,
-            fragmentShader:
-                `precision highp float;
-            varying vec4 vColor;
-            void main(void) {
-                gl_FragColor = vColor;
-            }`
-        }));
-    }
-
-    frame() {
-
-        this.renderer.handler.programs.axesShader.activate().set({
-            projectionViewMatrix: this.renderer.activeCamera.getProjectionViewMatrix(),
-            aVertexPosition: this.axisBuffer,
-            aVertexColor: this.axisColorBuffer
-        });
-
-        this.renderer.handler.programs.axesShader.drawArrays(this.drawMode, this.axisBuffer.numItems);
-    }
-
-    createAxisBuffer(gridSize) {
-
-        var vertices = [
-            0.0, 0.0, 0.0, gridSize - 1, 0.0, 0.0, // x - R
-            0.0, 0.0, 0.0, 0.0, gridSize - 1, 0.0, // y - B  
-            0.0, 0.0, 0.0, 0.0, 0.0, gridSize - 1  // z - G
-        ];
-
-        var colors = [
-            1.0, 0.0, 0.0, 1.0, 1.0, 0.0, 0.0, 1.0,   // x - R
-            0.0, 0.0, 1.0, 1.0, 0.0, 0.0, 1.0, 1.0,   // y - B
-            0.0, 1.0, 0.0, 1.0, 0.0, 1.0, 0.0, 1.0    // z - G
-        ];
-
-        this.axisBuffer = this.renderer.handler.createArrayBuffer(new Float32Array(vertices), 3, 6);
-        this.axisColorBuffer = this.renderer.handler.createArrayBuffer(new Float32Array(colors), 4, 6);
-    }
-}
-
-export { Axes };
+'use strict';
+
+import { Program } from '../webgl/Program.js';
+import { RenderNode } from './RenderNode.js';
+
+class Axes extends RenderNode {
+    constructor(size) {
+        super("Axes");
+
+        this.size = size || 100;
+        this.axesBuffer = null;
+        this.axesColorBuffer = null;
+    }
+
+    init() {
+        this.createAxisBuffer(this.size);
+        this.drawMode = this.renderer.handler.gl.LINES;
+        this.renderer.handler.addProgram(new Program("axesShader", {
+            uniforms: {
+                projectionViewMatrix: 'mat4'
+            },
+            attributes: {
+                aVertexPosition: 'vec3',
+                aVertexColor: 'vec4'
+            },
+            vertexShader:
+                `attribute vec3 aVertexPosition;
+            attribute vec4 aVertexColor;
+            uniform mat4 projectionViewMatrix;
+            varying vec4 vColor;
+            void main(void) {
+                gl_Position = projectionViewMatrix * vec4(aVertexPosition, 1.0);
+                vColor = aVertexColor;
+            }`,
+            fragmentShader:
+                `precision highp float;
+            varying vec4 vColor;
+            void main(void) {
+                gl_FragColor = vColor;
+            }`
+        }));
+    }
+
+    frame() {
+
+        this.renderer.handler.programs.axesShader.activate().set({
+            projectionViewMatrix: this.renderer.activeCamera.getProjectionViewMatrix(),
+            aVertexPosition: this.axisBuffer,
+            aVertexColor: this.axisColorBuffer
+        });
+
+        this.renderer.handler.programs.axesShader.drawArrays(this.drawMode, this.axisBuffer.numItems);
+    }
+
+    createAxisBuffer(gridSize) {
+
+        var vertices = [
+            0.0, 0.0, 0.0, gridSize - 1, 0.0, 0.0, // x - R
+            0.0, 0.0, 0.0, 0.0, gridSize - 1, 0.0, // y - B  
+            0.0, 0.0, 0.0, 0.0, 0.0, gridSize - 1  // z - G
+        ];
+
+        var colors = [
+            1.0, 0.0, 0.0, 1.0, 1.0, 0.0, 0.0, 1.0,   // x - R
+            0.0, 0.0, 1.0, 1.0, 0.0, 0.0, 1.0, 1.0,   // y - B
+            0.0, 1.0, 0.0, 1.0, 0.0, 1.0, 0.0, 1.0    // z - G
+        ];
+
+        this.axisBuffer = this.renderer.handler.createArrayBuffer(new Float32Array(vertices), 3, 6);
+        this.axisColorBuffer = this.renderer.handler.createArrayBuffer(new Float32Array(colors), 4, 6);
+    }
+}
+
+export { Axes };

package/src/og/scene/BaseNode.js

@@ -1,7 +1,3 @@
-/**
- * @module og/scene/BaseNode
- */
-
 "use strict";
 
 /**