@openglobus/og 0.24.1 → 0.25.0

package/lib/js/scene/Planet.js

@@ -1,1617 +0,0 @@
-import * as math from "../math";
-import * as segmentHelper from "../segment/segmentHelper";
-import * as shaders from "../shaders/drawnode";
-import * as utils from "../utils/shared";
-import { Atmosphere } from "../control/Atmosphere";
-import { createColorRGB } from "../utils/shared";
-import { createEvents } from "../Events";
-import { EarthQuadTreeStrategy } from "../quadTree/earth/EarthQuadTreeStrategy";
-import { Extent } from "../Extent";
-import { Geoid } from "../terrain/Geoid";
-import { GeoImageCreator } from "../utils/GeoImageCreator";
-import { Key, Lock } from "../Lock";
-import { Loader } from "../utils/Loader";
-import { LonLat } from "../LonLat";
-import { NormalMapCreator } from "../utils/NormalMapCreator";
-import { PlainSegmentWorker } from "../utils/PlainSegmentWorker";
-import { PlanetCamera } from "../camera/PlanetCamera";
-import { RenderNode } from "./RenderNode";
-import { SimpleSkyBackground } from "../control/SimpleSkyBackground";
-import { TerrainWorker } from "../utils/TerrainWorker";
-import { Vec2, Vec3 } from "../math/index";
-import { Vector } from "../layer/Vector";
-import { VectorTileCreator } from "../utils/VectorTileCreator";
-import { wgs84 } from "../ellipsoid/wgs84";
-const CUR_LOD_SIZE = 250; //px
-const MIN_LOD_SIZE = 312; //px
-const MAX_LOD_SIZE = 190; //px
-/**
- * Maximum created nodes count. The more nodes count the more memory usage.
- * @const
- * @type {number}
- * @default
- */
-const MAX_NODES = 200;
-const HORIZON_TANGENT = 0.81;
-/**
- * Main class for rendering planet
- * @class
- * @extends {RenderNode}
- * @param {string} [options.name="Earth"] - Planet name(Earth by default)
- * @param {Ellipsoid} [options.ellipsoid] - Planet ellipsoid(WGS84 by default)
- * @param {Number} [options.maxGridSize=128] - Segment maximal grid size
- * @param {Number} [options.maxEqualZoomAltitude=15000000.0] - Maximal altitude since segments on the screen become the same zoom level
- * @param {Number} [options.minEqualZoomAltitude=10000.0] - Minimal altitude since segments on the screen become the same zoom level
- * @param {Number} [options.minEqualZoomCameraSlope=0.8] - Minimal camera slope above te globe where segments on the screen become the same zoom level
- *
- * @fires EventsHandler<PlanetEventList>#draw
- * @fires EventsHandler<PlanetEventList>#layeradd
- * @fires EventsHandler<PlanetEventList>#baselayerchange
- * @fires EventsHandler<PlanetEventList>#layerremove
- * @fires EventsHandler<PlanetEventList>#layervisibilitychange
- * @fires EventsHandler<PlanetEventList>#geoimageadd
- */
-export class Planet extends RenderNode {
-    constructor(options = {}) {
-        super(options.name);
-        this._renderingFadingNodes = (nodes, sh, currentNode, sl, sliceIndex, outTransparentSegments, outOpaqueSegments) => {
-            let isFirstPass = sliceIndex === 0;
-            let isEq = this.terrain.equalizeVertices;
-            for (let j = 0, len = currentNode._fadingNodes.length; j < len; j++) {
-                let f = currentNode._fadingNodes[j].segment;
-                if (this._fadingNodes.has(currentNode._fadingNodes[0].__id) && !nodes.has(f.node.__id)) {
-                    nodes.set(f.node.__id, true);
-                    if (f._transitionOpacity < 1.0) {
-                        outTransparentSegments.push(f);
-                    }
-                    else {
-                        if (isFirstPass) {
-                            isEq && f.equalize();
-                            f.readyToEngage && f.engage();
-                            f.screenRendering(sh, sl, sliceIndex);
-                            outOpaqueSegments.push(f);
-                        }
-                        else {
-                            f.screenRendering(sh, sl, sliceIndex, this.transparentTexture, true);
-                        }
-                    }
-                }
-            }
-        };
-        this._renderingFadingNodesNoDepth = (nodes, sh, currentNode, sl, sliceIndex, outOpaqueSegments) => {
-            let isFirstPass = sliceIndex === 0;
-            let isEq = this.terrain.equalizeVertices;
-            let gl = sh.gl;
-            gl.disable(gl.DEPTH_TEST);
-            for (let j = 0, len = currentNode._fadingNodes.length; j < len; j++) {
-                let f = currentNode._fadingNodes[j].segment;
-                if (this._fadingNodes.has(currentNode._fadingNodes[0].__id) && !nodes.has(f.node.__id)) {
-                    nodes.set(f.node.__id, true);
-                    if (isFirstPass) {
-                        isEq && f.equalize();
-                        f.readyToEngage && f.engage();
-                        f.screenRendering(sh, sl, sliceIndex);
-                        outOpaqueSegments.push(f);
-                    }
-                    else {
-                        f.screenRendering(sh, sl, sliceIndex, this.transparentTexture, true);
-                    }
-                }
-            }
-            gl.enable(gl.DEPTH_TEST);
-        };
-        this._atmosphere = new Atmosphere(options.atmosphereParameters);
-        this._prevNodes = new Map();
-        this._currNodes = new Map();
-        this.transitionTime = 580;
-        this.ellipsoid = options.ellipsoid || wgs84;
-        this.lightEnabled = true;
-        this._planetRadius2 = (this.ellipsoid.getPolarSize() - 10000.0) * (this.ellipsoid.getPolarSize() - 10000.0);
-        this._layers = [];
-        this._updateLayer = false;
-        this.visibleTileLayers = [];
-        this.visibleVectorLayers = [];
-        this._visibleVectorLayersByDepthOrder = [];
-        this._visibleTileLayerSlices = [];
-        this._visibleEntityCollections = [[]];
-        this.baseLayer = null;
-        this.terrain = null;
-        this.camera = new PlanetCamera(this, {
-            frustums: options.frustums,
-            eye: new Vec3(25000000, 0, 0),
-            look: Vec3.ZERO,
-            up: Vec3.NORTH,
-            minAltitude: options.minAltitude,
-            maxAltitude: options.maxAltitude
-        });
-        this.maxEqualZoomAltitude = options.maxEqualZoomAltitude || 15000000.0;
-        this.minEqualZoomAltitude = options.minEqualZoomAltitude || 10000.0;
-        this.minEqualZoomCameraSlope = options.minEqualZoomCameraSlope || 0.8;
-        this.mousePositionOnEarth = new Vec3();
-        this.emptyTexture = null;
-        this.transparentTexture = null;
-        this.defaultTexture = null;
-        this.minCurrZoom = math.MAX;
-        this.maxCurrZoom = math.MIN;
-        this._viewExtent = new Extent(new LonLat(180, 180), new LonLat(-180, -180));
-        this._skipPreRender = false;
-        this._initialViewExtent = null;
-        this._createdNodesCount = 0;
-        this._renderedNodes = [];
-        this._renderedNodesInFrustum = [];
-        this._fadingNodes = new Map;
-        this._fadingNodesInFrustum = [];
-        this._fadingOpaqueSegments = [];
-        this.layerLock = new Lock();
-        this.terrainLock = new Lock();
-        this._heightFactor = 1.0;
-        this._indexesCache = [];
-        this._indexesCacheToRemove = [];
-        this._indexesCacheToRemoveCounter = 0;
-        this._textureCoordsBufferCache = [];
-        this.quadTreeStrategy = options.quadTreeStrategyPrototype ? new options.quadTreeStrategyPrototype(this) : new EarthQuadTreeStrategy(this);
-        this._nightTexture = null;
-        this._specularTexture = null;
-        let a = utils.createColorRGB(options.ambient, new Vec3(0.2, 0.2, 0.3));
-        let d = utils.createColorRGB(options.diffuse, new Vec3(1.0, 1.0, 1.0));
-        let s = utils.createColorRGB(options.specular, new Vec3(0.00063, 0.00055, 0.00032));
-        let shininess = options.shininess || 18.0;
-        this._ambient = new Float32Array([a.x, a.y, a.z]);
-        this._diffuse = new Float32Array([d.x, d.y, d.z]);
-        this._specular = new Float32Array([s.x, s.y, s.z, shininess]);
-        this._maxGridSize = Math.log2(options.maxGridSize || 256);
-        this.SLICE_SIZE = 4;
-        this.SLICE_SIZE_4 = this.SLICE_SIZE * 4;
-        this.SLICE_SIZE_3 = this.SLICE_SIZE * 3;
-        this._lodSize = CUR_LOD_SIZE;
-        this._curLodSize = CUR_LOD_SIZE;
-        this._minLodSize = MIN_LOD_SIZE;
-        this._maxLodSize = MAX_LOD_SIZE;
-        this._pickingColorArr = new Float32Array(this.SLICE_SIZE_4);
-        this._samplerArr = new Int32Array(this.SLICE_SIZE);
-        this._pickingMaskArr = new Int32Array(this.SLICE_SIZE);
-        this._geoImageCreator = new GeoImageCreator(this);
-        this._vectorTileCreator = new VectorTileCreator(this);
-        this._normalMapCreator = new NormalMapCreator(this);
-        this._terrainWorker = new TerrainWorker(3);
-        this._plainSegmentWorker = new PlainSegmentWorker(3);
-        this._tileLoader = new Loader(options.maxLoadingRequests || 12);
-        this._memKey = new Key();
-        this.events = createEvents(PLANET_EVENTS);
-        this._distBeforeMemClear = 0.0;
-        this._prevCamEye = new Vec3();
-        this._initialized = false;
-        this.always = [];
-        this._renderCompleted = false;
-        this._renderCompletedActivated = false;
-        this._terrainCompleted = false;
-        this._terrainCompletedActivated = false;
-        this._collectRenderNodesIsActive = true;
-        this.nightTextureCoefficient = 2.0;
-        this._renderScreenNodesPASS = this._renderScreenNodesPASSNoAtmos;
-        this._renderScreenNodesWithHeightPASS = this._renderScreenNodesWithHeightPASSNoAtmos;
-        this._atmosphereEnabled = options.atmosphereEnabled || false;
-        this._atmosphereMaxMinOpacity = new Float32Array([0.95, 0.28]);
-        this.solidTextureOne = null;
-        this.solidTextureTwo = null;
-        this._nightTextureSrc = options.nightTextureSrc || null;
-        this._specularTextureSrc = options.specularTextureSrc || null;
-        this._transitionOpacityEnabled = options.transitionOpacityEnabled != undefined ? options.transitionOpacityEnabled : true;
-    }
-    /**
-     * Returns true if current terrain data set is loaded
-     */
-    get terrainReady() {
-        return this._terrainCompleted && this._terrainCompletedActivated;
-    }
-    get maxGridSize() {
-        return this._maxGridSize;
-    }
-    getNorthFrameRotation(cartesian) {
-        return this.getFrameRotation(cartesian);
-    }
-    getFrameRotation(cartesian) {
-        return this.ellipsoid.getNorthFrameRotation(cartesian);
-    }
-    set atmosphereMaxOpacity(opacity) {
-        this._atmosphereMaxMinOpacity[0] = opacity;
-    }
-    get atmosphereMaxOpacity() {
-        return this._atmosphereMaxMinOpacity[0];
-    }
-    set atmosphereMinOpacity(opacity) {
-        this._atmosphereMaxMinOpacity[1] = opacity;
-    }
-    get atmosphereMinOpacity() {
-        return this._atmosphereMaxMinOpacity[1];
-    }
-    set atmosphereEnabled(enabled) {
-        if (enabled != this._atmosphereEnabled) {
-            this._atmosphereEnabled = enabled;
-            this._initializeAtmosphere();
-        }
-    }
-    get atmosphereEnabled() {
-        return this._atmosphereEnabled;
-    }
-    set diffuse(rgb) {
-        let vec = createColorRGB(rgb);
-        this._diffuse = new Float32Array(vec.toArray());
-    }
-    set ambient(rgb) {
-        let vec = createColorRGB(rgb);
-        this._ambient = new Float32Array(vec.toArray());
-    }
-    set specular(rgb) {
-        let vec = createColorRGB(rgb);
-        this._specular = new Float32Array([vec.x, vec.y, vec.y, this._specular[3]]);
-    }
-    set shininess(v) {
-        this._specular[3] = v;
-    }
-    get normalMapCreator() {
-        return this._normalMapCreator;
-    }
-    get layers() {
-        return [...this._layers];
-    }
-    /**
-     * @todo: remove after tests
-     * Get the collection of layers associated with this planet.
-     * @return {Array.<Layer>} Layers array.
-     * @public
-     */
-    getLayers() {
-        return this.layers;
-    }
-    get sun() {
-        if (this.renderer && this.renderer.controls.sun)
-            return this.renderer.controls.sun;
-    }
-    get sunPos() {
-        return this.sun.sunlight.getPosition();
-    }
-    /**
-     * Add the given control to the renderer of the planet scene.
-     * @param {Control} control - Control.
-     */
-    addControl(control) {
-        control.planet = this;
-        control.addTo(this.renderer);
-    }
-    get lodSize() {
-        return this._lodSize;
-    }
-    setLodSize(currentLodSize, minLodSize, maxLodSize) {
-        this._maxLodSize = maxLodSize || this._maxLodSize;
-        this._minLodSize = minLodSize || this._minLodSize;
-        this._curLodSize = currentLodSize;
-        this._renderCompletedActivated = false;
-        this._terrainCompletedActivated = false;
-    }
-    /**
-     * Add the given controls array to the renderer of the planet.
-     * @param {Array.<Control>} cArr - Control array.
-     */
-    addControls(cArr) {
-        for (let i = 0; i < cArr.length; i++) {
-            this.addControl(cArr[i]);
-        }
-    }
-    /**
-     * Return layer by it name
-     * @param {string} name - Name of the layer. og.Layer.prototype.name
-     * @public
-     * @returns {Layer} -
-     */
-    getLayerByName(name) {
-        for (let i = 0, len = this._layers.length; i < len; i++) {
-            if (name === this._layers[i].name) {
-                return this._layers[i];
-            }
-        }
-    }
-    /**
-     * Adds layer to the planet.
-     * @param {Layer} layer - Layer object.
-     * @public
-     */
-    addLayer(layer) {
-        layer.addTo(this);
-    }
-    /**
-     * Dispatch layer visibility changing event.
-     * @param {Layer} layer - Changed layer.
-     * @public
-     */
-    _onLayerVisibilityChanged(layer) {
-        this.events.dispatch(this.events.layervisibilitychange, layer);
-    }
-    /**
-     * Adds the given layers array to the planet.
-     * @param {Array.<Layer>} layers - Layers array.
-     * @public
-     */
-    addLayers(layers) {
-        for (let i = 0, len = layers.length; i < len; i++) {
-            this.addLayer(layers[i]);
-        }
-    }
-    /**
-     * Removes the given layer from the planet.
-     * @param {Layer} layer - Layer to remove.
-     * @public
-     */
-    removeLayer(layer) {
-        layer.remove();
-    }
-    /**
-     *
-     * @public
-     * @param {Layer} layer - Material layer.
-     */
-    _clearLayerMaterial(layer) {
-        this.quadTreeStrategy.clearLayerMaterial(layer);
-    }
-    /**
-     * Sets base layer coverage to the planet.
-     * @param {Layer} layer - Layer object.
-     * @public
-     */
-    setBaseLayer(layer) {
-        if (this.baseLayer) {
-            if (!this.baseLayer.isEqual(layer)) {
-                this.baseLayer.setVisibility(false);
-                this.baseLayer = layer;
-                layer.setVisibility(true);
-                this.events.dispatch(this.events.baselayerchange, layer);
-            }
-        }
-        else {
-            this.baseLayer = layer;
-            this.baseLayer.setVisibility(true);
-            this.events.dispatch(this.events.baselayerchange, layer);
-        }
-    }
-    /**
-     * Sets elevation scale. 1.0 is default.
-     * @param {number} factor - Elevation scale.
-     */
-    setHeightFactor(factor) {
-        this._renderCompletedActivated = false;
-        this._terrainCompletedActivated = false;
-        if (this._heightFactor !== factor) {
-            this._heightFactor = factor;
-            this.quadTreeStrategy.destroyBranches();
-            this._clearRenderedNodeList();
-            this._clearRenderNodesInFrustum();
-        }
-    }
-    /**
-     * Gets elevation scale.
-     * @returns {number} Terrain elevation scale
-     */
-    getHeightFactor() {
-        return this._heightFactor;
-    }
-    /**
-     * Sets terrain provider
-     * @public
-     * @param {EmptyTerrain} terrain - Terrain provider.
-     */
-    setTerrain(terrain) {
-        this._renderCompletedActivated = false;
-        this._terrainCompletedActivated = false;
-        if (this._initialized) {
-            this.memClear();
-        }
-        if (this.terrain) {
-            this.terrain.abortLoading();
-            this.terrain.clearCache();
-            this.terrain._planet = null;
-        }
-        this.terrain = terrain;
-        this.terrain._planet = this;
-        this.quadTreeStrategy.destroyBranches();
-        if (terrain._geoid.model) {
-            this._plainSegmentWorker.setGeoid(terrain.getGeoid());
-            terrain._isReady = true;
-        }
-        else {
-            Geoid.loadModel(terrain.geoid.src)
-                .then((m) => {
-                terrain.geoid.setModel(m);
-                this._plainSegmentWorker.setGeoid(terrain.getGeoid());
-                terrain._isReady = true;
-            })
-                .catch((err) => {
-                console.warn(err);
-            });
-        }
-    }
-    initAtmosphereShader(atmosParams) {
-        if (this.renderer && this.renderer.handler && this._atmosphereEnabled) {
-            let h = this.renderer.handler;
-            if (h.isWebGl2()) {
-                h.removeProgram("drawnode_screen_wl");
-                h.addProgram(shaders.drawnode_screen_wl_webgl2Atmos(atmosParams), true);
-            }
-            else {
-                console.warn("Atmosphere WebGL2 only");
-            }
-        }
-    }
-    get atmosphereControl() {
-        return this._atmosphere;
-    }
-    _initializeAtmosphere() {
-        if (!this.renderer)
-            return;
-        let h = this.renderer.handler;
-        h.removeProgram("drawnode_screen_wl");
-        if (this._atmosphereEnabled) {
-            this._renderScreenNodesPASS = this._renderScreenNodesPASSAtmos;
-            this._renderScreenNodesWithHeightPASS = this._renderScreenNodesWithHeightPASSAtmos;
-            if (!this.renderer.controls.Atmosphere) {
-                this.addControl(this._atmosphere);
-            }
-            this._atmosphere.activate();
-            if (h.isWebGl2()) {
-                h.addProgram(shaders.drawnode_screen_wl_webgl2Atmos(this._atmosphere.parameters), true);
-            }
-            else {
-                h.addProgram(shaders.drawnode_screen_wl_webgl1NoAtmos(), true);
-            }
-            if (this.renderer.controls.SimpleSkyBackground) {
-                this.renderer.controls.SimpleSkyBackground.deactivate();
-            }
-        }
-        else {
-            this._renderScreenNodesPASS = this._renderScreenNodesPASSNoAtmos;
-            this._renderScreenNodesWithHeightPASS = this._renderScreenNodesWithHeightPASSNoAtmos;
-            this._atmosphere.deactivate();
-            if (!this.renderer.controls.SimpleSkyBackground) {
-                this.addControl(new SimpleSkyBackground());
-            }
-            else {
-                this.renderer.controls.SimpleSkyBackground.activate();
-            }
-            if (h.isWebGl2()) {
-                h.addProgram(shaders.drawnode_screen_wl_webgl2NoAtmos(), true);
-            }
-            else {
-                h.addProgram(shaders.drawnode_screen_wl_webgl1NoAtmos(), true);
-            }
-        }
-    }
-    _initializeShaders() {
-        let h = this.renderer.handler;
-        h.addProgram(shaders.drawnode_screen_nl(), true);
-        h.addProgram(shaders.drawnode_colorPicking(), true);
-        h.addProgram(shaders.drawnode_depth(), true);
-        h.addProgram(shaders.drawnode_heightPicking(), true);
-        this.renderer.addPickingCallback(this, this._renderColorPickingFramebufferPASS);
-        this.renderer.addDepthCallback(this, this._renderDepthFramebufferPASS);
-    }
-    _onLayerLoadend(layer) {
-        this.events.dispatch(this.events.layerloadend, layer);
-    }
-    init() {
-        this._tileLoader.events.on("layerloadend", this._onLayerLoadend, this);
-        // Initialization indexes table
-        segmentHelper.getInstance().setMaxGridSize(this._maxGridSize);
-        const TABLESIZE = this._maxGridSize;
-        let kk = 0;
-        // Initialization indexes buffers cache. It takes about 120mb RAM!
-        for (let i = 0; i <= TABLESIZE; i++) {
-            !this._indexesCache[i] && (this._indexesCache[i] = new Array(TABLESIZE));
-            for (let j = 0; j <= TABLESIZE; j++) {
-                !this._indexesCache[i][j] && (this._indexesCache[i][j] = new Array(TABLESIZE));
-                for (let k = 0; k <= TABLESIZE; k++) {
-                    !this._indexesCache[i][j][k] && (this._indexesCache[i][j][k] = new Array(TABLESIZE));
-                    for (let m = 0; m <= TABLESIZE; m++) {
-                        !this._indexesCache[i][j][k][m] && (this._indexesCache[i][j][k][m] = new Array(TABLESIZE));
-                        for (let q = 0; q <= TABLESIZE; q++) {
-                            let ptr = {
-                                buffer: null
-                            };
-                            if (i >= 1 && i === j && i === k && i === m && i === q) {
-                                let indexes = segmentHelper.getInstance().createSegmentIndexes(i, [j, k, m, q]);
-                                ptr.buffer = this.renderer.handler.createElementArrayBuffer(indexes, 1);
-                            }
-                            else {
-                                this._indexesCacheToRemove[kk++] = ptr;
-                            }
-                            this._indexesCache[i][j][k][m][q] = ptr;
-                        }
-                    }
-                }
-            }
-        }
-        this.renderer.events.on("resize", () => {
-            this._renderCompletedActivated = false;
-            this._terrainCompletedActivated = false;
-        });
-        this.renderer.events.on("drawtransparent", () => {
-            this._renderScreenNodesWithHeightPASS();
-        });
-        // Initialize texture coordinates buffer pool
-        this._textureCoordsBufferCache = [];
-        let texCoordCache = segmentHelper.getInstance().initTextureCoordsTable(TABLESIZE + 1);
-        for (let i = 0; i <= TABLESIZE; i++) {
-            this._textureCoordsBufferCache[i] = this.renderer.handler.createArrayBuffer(texCoordCache[i], 2, ((1 << i) + 1) * ((1 << i) + 1));
-        }
-        // creating empty textures
-        this.renderer.handler.createDefaultTexture(null, (t) => {
-            this.solidTextureOne = t;
-            this.solidTextureTwo = t;
-        });
-        this.transparentTexture = this.renderer.handler.transparentTexture;
-        this._renderedNodesInFrustum = new Array(this.camera.frustums.length);
-        for (let i = 0, len = this._renderedNodesInFrustum.length; i < len; i++) {
-            this._renderedNodesInFrustum[i] = [];
-        }
-        // Creating quad trees nodes
-        this.quadTreeStrategy.init();
-        this.drawMode = this.renderer.handler.gl.TRIANGLE_STRIP;
-        // Applying shaders
-        this._initializeShaders();
-        this._initializeAtmosphere();
-        this._updateVisibleLayers();
-        // loading Earth night glowing texture
-        if (this._nightTextureSrc) {
-            let img = new Image();
-            img.crossOrigin = "Anonymous";
-            img.onload = () => {
-                this._nightTexture = this.renderer.handler.createTextureDefault(img);
-                this._nightTexture.default = true;
-            };
-            img.src = this._nightTextureSrc;
-            // createImageBitmap(NIGHT).then((e: ImageBitmap) => {
-            //     this._nightTexture = this.renderer!.handler!.createTextureDefault(e);
-            // });
-        }
-        // load water specular mask
-        if (this._specularTextureSrc) {
-            let img = new Image();
-            img.crossOrigin = "Anonymous";
-            img.onload = () => {
-                this._specularTexture = this.renderer.handler.createTextureDefault(img);
-                this._specularTexture.default = true;
-            };
-            img.src = this._specularTextureSrc;
-            // createImageBitmap(SPECULAR).then((e: ImageBitmap) => {
-            //     this._specularTexture = this.renderer!.handler!.createTexture_l(e);
-            // });
-        }
-        this._geoImageCreator.init();
-        this._vectorTileCreator.init();
-        this._normalMapCreator.init();
-        this.renderer.events.on("draw", this._globalPreDraw, this, -100);
-        // Loading first nodes for better viewing if you have started on a lower altitude.
-        this._preRender();
-        this.renderer.events.on("postdraw", () => {
-            this._checkRendercompleted();
-        });
-        this.initLayers();
-        this._initialized = true;
-        //
-        // after init
-        //
-        if (this._initialViewExtent) {
-            this.viewExtent(this._initialViewExtent);
-        }
-        this.renderer.activeCamera = this.camera;
-        this.camera.bindRenderer(this.renderer);
-        this.camera.update();
-    }
-    initLayers() {
-        let temp = [...this._layers];
-        for (let i = 0; i < temp.length; i++) {
-            this.removeLayer(temp[i]);
-            this.addLayer(temp[i]);
-        }
-    }
-    _clearIndexesCache() {
-        this._indexesCacheToRemoveCounter = 0;
-        let c = this._indexesCacheToRemove, gl = this.renderer.handler.gl;
-        for (let i = 0, len = c.length; i < len; i++) {
-            let ci = c[i];
-            gl.deleteBuffer(ci.buffer);
-            ci.buffer = null;
-        }
-    }
-    _preRender() {
-        this.quadTreeStrategy.preRender();
-        this._preLoad();
-    }
-    _preLoad() {
-        this._clearRenderedNodeList();
-        this._skipPreRender = false;
-        this.quadTreeStrategy.preLoad();
-    }
-    /**
-     * Creates default textures first for the North Pole and whole globe and second for the South Pole.
-     * @public
-     * @param{IDefaultTextureParams} param0 -
-     * @param{IDefaultTextureParams} param1 -
-     */
-    createDefaultTextures(param0, param1) {
-        this.renderer.handler.gl.deleteTexture(this.solidTextureOne);
-        this.renderer.handler.gl.deleteTexture(this.solidTextureTwo);
-        this.renderer.handler.createDefaultTexture(param0, (texture) => {
-            this.solidTextureOne = texture;
-        });
-        this.renderer.handler.createDefaultTexture(param1, (texture) => {
-            this.solidTextureTwo = texture;
-        });
-    }
-    _getLayerAttributionHTML(layer) {
-        return `<div class="og-attribution__layer">${layer.getAttribution()}</div>`;
-    }
-    /**
-     * Updates attribution lists
-     * @public
-     */
-    updateAttributionsList() {
-        let html = "";
-        for (let i = 0, len = this._layers.length; i < len; i++) {
-            let li = this._layers[i];
-            if (li.getVisibility()) {
-                if (li.getAttribution().length) {
-                    html += this._getLayerAttributionHTML(li);
-                }
-            }
-        }
-        this._applyAttribution(html);
-    }
-    updateVisibleLayers() {
-        this._updateLayer = true;
-    }
-    _updateVisibleLayers() {
-        this.visibleTileLayers = [];
-        this.visibleTileLayers.length = 0;
-        this.visibleVectorLayers = [];
-        this.visibleVectorLayers.length = 0;
-        let html = "";
-        for (let i = 0, len = this._layers.length; i < len; i++) {
-            let li = this._layers[i];
-            if (li.getVisibility()) {
-                if (li.isBaseLayer()) {
-                    this.createDefaultTextures(li._defaultTextures[0], li._defaultTextures[1]);
-                    this.baseLayer = li;
-                }
-                if (li.hasImageryTiles()) {
-                    this.visibleTileLayers.push(li);
-                }
-                if (li.isVector) {
-                    this.visibleVectorLayers.push(li);
-                }
-                if (li.getAttribution().length) {
-                    html += this._getLayerAttributionHTML(li);
-                }
-            }
-            else if (li._fading && li._fadingOpacity > 0) {
-                if (li.hasImageryTiles()) {
-                    this.visibleTileLayers.push(li);
-                }
-                if (li.isVector) {
-                    this.visibleVectorLayers.push(li);
-                }
-            }
-        }
-        this._applyAttribution(html);
-        this._sortLayers();
-    }
-    /**
-     * Apply to render list of layer attributions
-     * @protected
-     */
-    _applyAttribution(html) {
-        if (this.renderer && this.renderer.div) {
-            if (html.length) {
-                if (this.renderer.div.attributions.innerHTML !== html) {
-                    this.renderer.div.attributions.innerHTML = html;
-                }
-            }
-            else {
-                this.renderer.div.attributions.innerHTML = "";
-            }
-        }
-    }
-    /**
-     * Sort visible layer - preparing for rendering.
-     * @protected
-     */
-    _sortLayers() {
-        this.visibleVectorLayers.sort((a, b) => (a.getZIndex() - b.getZIndex()) || (a.getHeight() - b.getHeight()));
-        let grouped = { 0: [] };
-        for (const vi of this.visibleVectorLayers) {
-            if (!grouped[vi.depthOrder]) {
-                grouped[vi.depthOrder] = [];
-            }
-            grouped[vi.depthOrder].push(vi);
-        }
-        this._visibleVectorLayersByDepthOrder.length = 0;
-        this._visibleVectorLayersByDepthOrder = [];
-        this._visibleVectorLayersByDepthOrder = Object.keys(grouped)
-            .sort((a, b) => Number(a) - Number(b))
-            .map(key => grouped[Number(key)]);
-        this._visibleTileLayerSlices = [];
-        this._visibleTileLayerSlices.length = 0;
-        if (this.visibleTileLayers.length) {
-            this.visibleTileLayers.sort((a, b) => (a.getHeight() - b.getHeight()) || (a.getZIndex() - b.getZIndex()));
-            let k = -1;
-            let currHeight = this.visibleTileLayers[0].getHeight();
-            for (let i = 0, len = this.visibleTileLayers.length; i < len; i++) {
-                if (i % this.SLICE_SIZE === 0 || this.visibleTileLayers[i].getHeight() !== currHeight) {
-                    k++;
-                    this._visibleTileLayerSlices[k] = [];
-                    currHeight = this.visibleTileLayers[i].getHeight();
-                }
-                this._visibleTileLayerSlices[k].push(this.visibleTileLayers[i]);
-            }
-        }
-    }
-    _clearRenderedNodeList() {
-        this._renderedNodes.length = 0;
-        this._renderedNodes = [];
-    }
-    _clearRenderNodesInFrustum() {
-        for (let i = 0, len = this._renderedNodesInFrustum.length; i < len; i++) {
-            this._renderedNodesInFrustum[i].length = 0;
-            this._renderedNodesInFrustum[i] = [];
-        }
-    }
-    _collectRenderedNodesMaxZoom(cam) {
-        if (cam.slope > this.minEqualZoomCameraSlope && cam._lonLat.height < this.maxEqualZoomAltitude && cam._lonLat.height > this.minEqualZoomAltitude) {
-            this.minCurrZoom = this.maxCurrZoom;
-            let temp = this._renderedNodes, rf = this._renderedNodesInFrustum, temp2 = [];
-            this._clearRenderNodesInFrustum();
-            this._renderedNodes = [];
-            for (let i = 0, len = temp.length; i < len; i++) {
-                let ri = temp[i];
-                let ht = ri.segment.centerNormal.dot(cam.getBackward());
-                if (ri.segment.tileZoom === this.maxCurrZoom || ht < HORIZON_TANGENT) {
-                    this._renderedNodes.push(ri);
-                    let k = 0, inFrustum = ri.inFrustum;
-                    while (inFrustum) {
-                        if (inFrustum & 1) {
-                            rf[k].push(ri);
-                        }
-                        k++;
-                        inFrustum >>= 1;
-                    }
-                }
-                else {
-                    temp2.push(ri);
-                }
-            }
-            for (let i = 0, len = temp2.length; i < len; i++) {
-                temp2[i].renderTree(cam, this.maxCurrZoom, null, false, temp2[i]);
-            }
-        }
-    }
-    set transitionOpacityEnabled(isEnabled) {
-        this._transitionOpacityEnabled = isEnabled;
-        //@todo: set render nodes transition opacity to one
-    }
-    get transitionOpacityEnabled() {
-        return this._transitionOpacityEnabled;
-    }
-    /**
-     * Collects visible quad nodes.
-     * @protected
-     */
-    _collectRenderNodes(cam) {
-        this._lodSize = math.lerp(cam.slope < 0.0 ? 0.0 : cam.slope, this._curLodSize, this._minLodSize);
-        cam._insideSegment = null;
-        // clear first
-        this._clearRenderedNodeList();
-        this._clearRenderNodesInFrustum();
-        this._viewExtent.southWest.set(180, 180);
-        this._viewExtent.northEast.set(-180, -180);
-        // todo: replace to camera
-        this.minCurrZoom = math.MAX;
-        this.maxCurrZoom = math.MIN;
-        this.quadTreeStrategy.collectRenderNodes();
-        this._collectRenderedNodesMaxZoom(cam);
-        // main camera effect
-        this._fadingNodes.clear();
-        if (this._transitionOpacityEnabled) {
-            let opaqueNodes = [];
-            for (let i = 0; i < this._renderedNodes.length; i++) {
-                let ri = this._renderedNodes[i];
-                // it's not impossible to move the code into Node.addToRender, because
-                // we can't know actual state before _collectRenderedNodesMaxZoom pass
-                ri._collectFadingNodes();
-                ri._refreshTransitionOpacity();
-                if (ri.segment._transitionOpacity >= 1.0) {
-                    ri.clearNeighbors();
-                    ri.getRenderedNodesNeighbors(opaqueNodes);
-                    opaqueNodes.push(ri);
-                }
-                else {
-                    for (let j = 0; j < ri._fadingNodes.length; j++) {
-                        let rij = ri._fadingNodes[j];
-                        if (rij.segment && rij.segment._transitionOpacity >= 1.0) {
-                            rij.clearNeighbors();
-                            rij.getRenderedNodesNeighbors(opaqueNodes);
-                            opaqueNodes.push(rij);
-                        }
-                    }
-                }
-            }
-        }
-    }
-    _renderScreenNodesPASSNoAtmos() {
-        let cam = this.renderer.activeCamera;
-        let sh = this._setUniformsNoAtmos(cam);
-        //
-        // PASS 0: rendering base slice of layers, which is often zero height
-        this._renderingScreenNodes(sh, cam, this._renderedNodesInFrustum[cam.currentFrustumIndex]);
-    }
-    _renderScreenNodesPASSAtmos() {
-        let cam = this.renderer.activeCamera;
-        let sh = this._setUniformsAtmos(cam);
-        //
-        // PASS 0: rendering base slice of layers, which is often zero height
-        this._renderingScreenNodes(sh, cam, this._renderedNodesInFrustum[cam.currentFrustumIndex]);
-    }
-    _renderScreenNodesWithHeightPASSNoAtmos() {
-        let cam = this.renderer.activeCamera;
-        let sh = this._setUniformsNoAtmos(cam);
-        //
-        // PASS 1: rendering slices, and layers with heights, without transition opacity effect
-        this._renderingScreenNodesWithHeight(sh, cam, this._renderedNodesInFrustum[cam.currentFrustumIndex]);
-    }
-    _renderScreenNodesWithHeightPASSAtmos() {
-        let cam = this.renderer.activeCamera;
-        let sh = this._setUniformsAtmos(cam);
-        //
-        // PASS 1: rendering slices, and layers with heights, without transition opacity effect
-        this._renderingScreenNodesWithHeight(sh, cam, this._renderedNodesInFrustum[cam.currentFrustumIndex]);
-    }
-    _globalPreDraw() {
-        let cam = this.camera;
-        this._distBeforeMemClear += this._prevCamEye.distance(cam.eye);
-        this._prevCamEye.copy(cam.eye);
-        cam.checkFly();
-        // free memory
-        if (this._createdNodesCount > MAX_NODES && this._distBeforeMemClear > 1000.0) {
-            this.terrain.clearCache();
-            this.memClear();
-        }
-        if (this._indexesCacheToRemoveCounter > 600) {
-            this._clearIndexesCache();
-        }
-    }
-    /**
-     * Render node callback.
-     * @public
-     */
-    preFrame() {
-        if (this._updateLayer) {
-            this._updateLayer = false;
-            this._updateVisibleLayers();
-        }
-        if (this.camera.isFirstPass) {
-            this.camera.update();
-            if (this._skipPreRender && this._collectRenderNodesIsActive) {
-                this._collectRenderNodes(this.camera);
-            }
-            this._skipPreRender = true;
-            //this.transformLights();
-            // creates terrain normal maps
-            this._normalMapCreator.frame();
-            // Creating geoImages textures.
-            this._geoImageCreator.frame();
-            // Vector tiles rasterization
-            this._vectorTileCreator.frame();
-            this.camera.checkTerrainCollision();
-            this.camera.update();
-            // Here is the planet node dispatches a draw event before
-            // rendering begins, and we have got render nodes.
-            this.events.dispatch(this.events.draw, this);
-            // Collect entity collections from vector layers
-            this._collectVectorLayerCollections();
-        }
-        for (let i = 0; i < this._visibleEntityCollections.length; i++) {
-            this.drawEntityCollections(this._visibleEntityCollections[i], i);
-        }
-    }
-    /**
-     * Render node callback.
-     * Frame function is called for each renderer activrCamera frustum.
-     * @public
-     * @override
-     */
-    frame() {
-        this._renderScreenNodesPASS();
-    }
-    _checkRendercompleted() {
-        if (this._renderCompleted) {
-            if (!this._renderCompletedActivated) {
-                this._renderCompletedActivated = true;
-                this.events.dispatch(this.events.rendercompleted, true);
-            }
-        }
-        else {
-            this._renderCompletedActivated = false;
-        }
-        this._renderCompleted = true;
-        if (this._terrainCompleted) {
-            if (!this._terrainCompletedActivated) {
-                this._terrainCompletedActivated = true;
-                this.events.dispatch(this.events.terraincompleted, true);
-            }
-        }
-        else {
-            this._terrainCompletedActivated = false;
-        }
-        this._terrainCompleted = true;
-    }
-    lockQuadTree() {
-        this._collectRenderNodesIsActive = false;
-        this.camera.setTerrainCollisionActivity(false);
-    }
-    unlockQuadTree() {
-        this._collectRenderNodesIsActive = true;
-        this.camera.setTerrainCollisionActivity(true);
-    }
-    _setUniformsNoAtmos(cam) {
-        let sh, shu;
-        let renderer = this.renderer;
-        let h = renderer.handler;
-        let gl = h.gl;
-        gl.enable(gl.CULL_FACE);
-        renderer.enableBlendOneSrcAlpha();
-        if (this.lightEnabled) {
-            h.programs.drawnode_screen_wl.activate();
-            sh = h.programs.drawnode_screen_wl._program;
-            shu = sh.uniforms;
-            gl.uniform3fv(shu.lightPosition, this._lightPosition);
-            gl.uniformMatrix4fv(shu.viewMatrix, false, cam.getViewMatrix());
-            gl.uniformMatrix4fv(shu.projectionMatrix, false, cam.getProjectionMatrix());
-            if (this.baseLayer) {
-                gl.uniform3fv(shu.diffuse, this.baseLayer._diffuse || this._diffuse);
-                gl.uniform3fv(shu.ambient, this.baseLayer._ambient || this._ambient);
-                gl.uniform4fv(shu.specular, this.baseLayer._specular || this._specular);
-                gl.uniform1f(shu.nightTextureCoefficient, this.baseLayer.nightTextureCoefficient || this.nightTextureCoefficient);
-            }
-            else {
-                gl.uniform3fv(shu.diffuse, this._diffuse);
-                gl.uniform3fv(shu.ambient, this._ambient);
-                gl.uniform4fv(shu.specular, this._specular);
-                gl.uniform1f(shu.nightTextureCoefficient, this.nightTextureCoefficient);
-            }
-            //
-            // Night and specular
-            //
-            gl.activeTexture(gl.TEXTURE0 + this.SLICE_SIZE);
-            gl.bindTexture(gl.TEXTURE_2D, this._nightTexture || this.transparentTexture);
-            gl.uniform1i(shu.nightTexture, this.SLICE_SIZE);
-            gl.activeTexture(gl.TEXTURE0 + this.SLICE_SIZE + 1);
-            gl.bindTexture(gl.TEXTURE_2D, this._specularTexture || this.transparentTexture);
-            gl.uniform1i(shu.specularTexture, this.SLICE_SIZE + 1);
-            gl.uniform1f(shu.camHeight, cam.getHeight());
-        }
-        else {
-            h.programs.drawnode_screen_nl.activate();
-            sh = h.programs.drawnode_screen_nl._program;
-            shu = sh.uniforms;
-            gl.uniformMatrix4fv(shu.viewMatrix, false, cam.getViewMatrix());
-            gl.uniformMatrix4fv(shu.projectionMatrix, false, cam.getProjectionMatrix());
-        }
-        gl.uniform3fv(shu.eyePositionHigh, cam.eyeHigh);
-        gl.uniform3fv(shu.eyePositionLow, cam.eyeLow);
-        return sh;
-    }
-    _setUniformsAtmos(cam) {
-        let sh, shu;
-        let renderer = this.renderer;
-        let h = renderer.handler;
-        let gl = h.gl;
-        gl.enable(gl.CULL_FACE);
-        renderer.enableBlendOneSrcAlpha();
-        if (this.lightEnabled) {
-            h.programs.drawnode_screen_wl.activate();
-            sh = h.programs.drawnode_screen_wl._program;
-            shu = sh.uniforms;
-            gl.uniform3fv(shu.lightPosition, this._lightPosition);
-            gl.uniformMatrix4fv(shu.viewMatrix, false, cam.getViewMatrix());
-            gl.uniformMatrix4fv(shu.projectionMatrix, false, cam.getProjectionMatrix());
-            if (this.baseLayer) {
-                gl.uniform3fv(shu.diffuse, this.baseLayer._diffuse || this._diffuse);
-                gl.uniform3fv(shu.ambient, this.baseLayer._ambient || this._ambient);
-                gl.uniform4fv(shu.specular, this.baseLayer._specular || this._specular);
-                gl.uniform1f(shu.nightTextureCoefficient, this.baseLayer.nightTextureCoefficient || this.nightTextureCoefficient);
-            }
-            else {
-                gl.uniform3fv(shu.diffuse, this._diffuse);
-                gl.uniform3fv(shu.ambient, this._ambient);
-                gl.uniform4fv(shu.specular, this._specular);
-                gl.uniform1f(shu.nightTextureCoefficient, this.nightTextureCoefficient);
-            }
-            gl.uniform2fv(shu.maxMinOpacity, this._atmosphereMaxMinOpacity);
-            //
-            // Night and specular
-            //
-            gl.activeTexture(gl.TEXTURE0 + this.SLICE_SIZE);
-            gl.bindTexture(gl.TEXTURE_2D, this._nightTexture || this.transparentTexture);
-            gl.uniform1i(shu.nightTexture, this.SLICE_SIZE);
-            gl.activeTexture(gl.TEXTURE0 + this.SLICE_SIZE + 1);
-            gl.bindTexture(gl.TEXTURE_2D, this._specularTexture || this.transparentTexture);
-            gl.uniform1i(shu.specularTexture, this.SLICE_SIZE + 1);
-            //
-            // atmos precomputed textures
-            //
-            gl.activeTexture(gl.TEXTURE0 + this.SLICE_SIZE + 4);
-            gl.bindTexture(gl.TEXTURE_2D, renderer.controls.Atmosphere._transmittanceBuffer.textures[0]);
-            gl.uniform1i(shu.transmittanceTexture, this.SLICE_SIZE + 4);
-            gl.activeTexture(gl.TEXTURE0 + this.SLICE_SIZE + 5);
-            gl.bindTexture(gl.TEXTURE_2D, renderer.controls.Atmosphere._scatteringBuffer.textures[0]);
-            gl.uniform1i(shu.scatteringTexture, this.SLICE_SIZE + 5);
-            gl.uniform1f(shu.camHeight, cam.getHeight());
-        }
-        else {
-            h.programs.drawnode_screen_nl.activate();
-            sh = h.programs.drawnode_screen_nl._program;
-            shu = sh.uniforms;
-            gl.uniformMatrix4fv(shu.viewMatrix, false, cam.getViewMatrix());
-            gl.uniformMatrix4fv(shu.projectionMatrix, false, cam.getProjectionMatrix());
-        }
-        gl.uniform3fv(shu.eyePositionHigh, cam.eyeHigh);
-        gl.uniform3fv(shu.eyePositionLow, cam.eyeLow);
-        return sh;
-    }
-    /**
-     * Drawing nodes
-     */
-    _renderingScreenNodes(sh, cam, renderedNodes) {
-        let firstPass = cam.isFirstPass;
-        let sl = this._visibleTileLayerSlices;
-        if (sl.length) {
-            let sli = sl[0];
-            for (let i = sli.length - 1; i >= 0; --i) {
-                let li = sli[i];
-                if (li._fading && firstPass && li._refreshFadingOpacity()) {
-                    sli.splice(i, 1);
-                }
-            }
-        }
-        let nodes = new Map;
-        let transparentSegments = [];
-        let isEq = this.terrain.equalizeVertices;
-        let i = renderedNodes.length;
-        //
-        // Collect fading opaque segments, because we need them in the framebuffer passes,
-        // as the segments with equalized sides, which means that there are no gaps
-        // between currently rendered neighbours
-        //
-        this._fadingOpaqueSegments = [];
-        if (cam.slope > 0.8 || !this.terrain || this.terrain.isEmpty /*|| cam.getAltitude() > 10000*/) {
-            while (i--) {
-                let ri = renderedNodes[i];
-                let s = ri.segment;
-                this._renderingFadingNodesNoDepth(nodes, sh, ri, sl[0], 0, this._fadingOpaqueSegments);
-                isEq && s.equalize();
-                s.readyToEngage && s.engage();
-                s.screenRendering(sh, sl[0], 0);
-            }
-        }
-        else {
-            //
-            // Render opaque segments on the first pass, remove transparent ones into second pass
-            //
-            while (i--) {
-                let ri = renderedNodes[i];
-                let s = ri.segment;
-                this._renderingFadingNodes(nodes, sh, ri, sl[0], 0, transparentSegments, this._fadingOpaqueSegments);
-                if (s._transitionOpacity < 1) {
-                    transparentSegments.push(s);
-                }
-                else {
-                    isEq && s.equalize();
-                    s.readyToEngage && s.engage();
-                    s.screenRendering(sh, sl[0], 0);
-                }
-            }
-            //
-            // Render transparent segments
-            //
-            for (let j = 0; j < transparentSegments.length; j++) {
-                let tj = transparentSegments[j];
-                isEq && tj.equalize();
-                tj.readyToEngage && tj.engage();
-                tj.screenRendering(sh, sl[0], 0);
-            }
-        }
-    }
-    _renderingScreenNodesWithHeight(sh, cam, renderedNodes) {
-        let gl = this.renderer.handler.gl;
-        let firstPass = cam.isFirstPass;
-        let sl = this._visibleTileLayerSlices;
-        gl.enable(gl.POLYGON_OFFSET_FILL);
-        gl.disable(gl.CULL_FACE);
-        let nodes = new Map;
-        let transparentSegments = [];
-        for (let j = 1, len = sl.length; j < len; j++) {
-            let slj = sl[j];
-            for (let i = slj.length - 1; i >= 0; --i) {
-                let li = slj[i];
-                if (li._fading && firstPass && li._refreshFadingOpacity()) {
-                    slj.splice(i, 1);
-                }
-            }
-            gl.polygonOffset(0, -j);
-            let i = renderedNodes.length;
-            while (i--) {
-                let ri = renderedNodes[i];
-                this._renderingFadingNodes(nodes, sh, ri, sl[j], j, transparentSegments);
-                if (ri.segment._transitionOpacity < 1) {
-                    ri.segment.initSlice(j);
-                }
-                else {
-                    ri.segment.screenRendering(sh, sl[j], j, this.transparentTexture, true);
-                }
-            }
-        }
-        gl.disable(gl.POLYGON_OFFSET_FILL);
-        gl.enable(gl.CULL_FACE);
-    }
-    _renderColorPickingFramebufferPASS() {
-        let sh;
-        let renderer = this.renderer;
-        let h = renderer.handler;
-        let gl = h.gl;
-        h.programs.drawnode_colorPicking.activate();
-        sh = h.programs.drawnode_colorPicking._program;
-        let shu = sh.uniforms;
-        let cam = renderer.activeCamera;
-        gl.enable(gl.CULL_FACE);
-        gl.uniformMatrix4fv(shu.viewMatrix, false, cam.getViewMatrix());
-        gl.uniformMatrix4fv(shu.projectionMatrix, false, cam.getProjectionMatrix());
-        gl.uniform3fv(shu.eyePositionHigh, cam.eyeHigh);
-        gl.uniform3fv(shu.eyePositionLow, cam.eyeLow);
-        // drawing planet nodes
-        let rn = this._renderedNodesInFrustum[cam.getCurrentFrustum()];
-        let sl = this._visibleTileLayerSlices;
-        let i = rn.length;
-        while (i--) {
-            if (rn[i].segment._transitionOpacity >= 1) {
-                rn[i].segment.colorPickingRendering(sh, sl[0], 0);
-            }
-        }
-        for (let i = 0; i < this._fadingOpaqueSegments.length; ++i) {
-            this._fadingOpaqueSegments[i].colorPickingRendering(sh, sl[0], 0);
-        }
-        // Here is set blending for transparent overlays
-        renderer.enableBlendDefault();
-        gl.enable(gl.POLYGON_OFFSET_FILL);
-        for (let j = 1, len = sl.length; j < len; j++) {
-            i = rn.length;
-            gl.polygonOffset(0, -j);
-            while (i--) {
-                rn[i].segment.colorPickingRendering(sh, sl[j], j, this.transparentTexture, true);
-            }
-        }
-        gl.disable(gl.POLYGON_OFFSET_FILL);
-    }
-    _renderDepthFramebufferPASS() {
-        let sh;
-        let renderer = this.renderer;
-        let h = renderer.handler;
-        let gl = h.gl;
-        h.programs.drawnode_depth.activate();
-        sh = h.programs.drawnode_depth._program;
-        let shu = sh.uniforms;
-        let cam = renderer.activeCamera;
-        gl.disable(gl.BLEND);
-        gl.disable(gl.POLYGON_OFFSET_FILL);
-        gl.uniformMatrix4fv(shu.viewMatrix, false, cam.getViewMatrix());
-        gl.uniformMatrix4fv(shu.projectionMatrix, false, cam.getProjectionMatrix());
-        gl.uniform3fv(shu.eyePositionHigh, cam.eyeHigh);
-        gl.uniform3fv(shu.eyePositionLow, cam.eyeLow);
-        gl.uniform1f(shu.frustumPickingColor, cam.frustumColorIndex);
-        // drawing planet nodes
-        let rn = this._renderedNodesInFrustum[cam.getCurrentFrustum()], sl = this._visibleTileLayerSlices;
-        let i = rn.length;
-        while (i--) {
-            if (rn[i].segment._transitionOpacity >= 1) {
-                rn[i].segment.depthRendering(sh, sl[0]);
-            }
-        }
-        for (let i = 0; i < this._fadingOpaqueSegments.length; ++i) {
-            this._fadingOpaqueSegments[i].depthRendering(sh, sl[0]);
-        }
-        gl.enable(gl.BLEND);
-    }
-    _collectVectorLayerCollections() {
-        let k = this._visibleVectorLayersByDepthOrder.length;
-        this._visibleEntityCollections.length = 0;
-        this._visibleEntityCollections = new Array(k);
-        for (let i = 0; i < this._visibleEntityCollections.length; i++) {
-            this._visibleEntityCollections[i] = [];
-        }
-        while (k--) {
-            let group = this._visibleVectorLayersByDepthOrder[k];
-            let j = group.length;
-            while (j--) {
-                let vi = group[j];
-                if (vi._fading && vi._refreshFadingOpacity()) {
-                    group.splice(j, 1);
-                    if (group.length === 0) {
-                        this._visibleVectorLayersByDepthOrder.splice(k, 1);
-                    }
-                }
-                vi.collectVisibleCollections(this._visibleEntityCollections[k]);
-                vi.update();
-            }
-        }
-    }
-    /**
-     * Starts clear memory thread.
-     * @public
-     */
-    memClear() {
-        this._distBeforeMemClear = 0;
-        this.camera._insideSegment = null;
-        this.layerLock.lock(this._memKey);
-        this.terrainLock.lock(this._memKey);
-        this._normalMapCreator.lock(this._memKey);
-        this._normalMapCreator.clear();
-        this.terrain.abortLoading();
-        this._tileLoader.abortAll();
-        this.quadTreeStrategy.clear();
-        this.layerLock.free(this._memKey);
-        this.terrainLock.free(this._memKey);
-        this._normalMapCreator.free(this._memKey);
-        this._createdNodesCount = 0;
-    }
-    /**
-     * Returns ray vector hit ellipsoid coordinates.
-     * If the ray doesn't hit ellipsoid it returns 'undefined'.
-     * @public
-     * @param {Ray} ray - Ray.
-     * @returns {Vec3 | undefined} -
-     */
-    getRayIntersectionEllipsoid(ray) {
-        return this.ellipsoid.hitRay(ray.origin, ray.direction);
-    }
-    /**
-     * Project screen coordinates to the planet ellipsoid.
-     * @public
-     * @param {Vec2 | IBaseInputState } px - Screen coordinates.
-     * @returns {Vec3 | undefined} - Cartesian coordinates.
-     */
-    getCartesianFromPixelEllipsoid(px) {
-        let cam = this.renderer.activeCamera;
-        return this.ellipsoid.hitRay(cam.eye, cam.unproject(px.x, px.y));
-    }
-    /**
-     * Project screen coordinates to the planet ellipsoid.
-     * @public
-     * @param {Vec2 | IBaseInputState} px - Screen coordinates.
-     * @returns {LonLat | undefined} - Geodetic coordinates.
-     */
-    getLonLatFromPixelEllipsoid(px) {
-        let coords = this.getCartesianFromPixelEllipsoid(px);
-        if (coords) {
-            return this.ellipsoid.cartesianToLonLat(coords);
-        }
-    }
-    /**
-     * Returns mouse position cartesian coordinates on the current terrain.
-     * @public
-     * @returns {Vec3 | undefined} -
-     */
-    getCartesianFromMouseTerrain() {
-        let ms = this.renderer.events.mouseState;
-        let distance = this.getDistanceFromPixel(ms);
-        if (distance) {
-            return ms.direction.scaleTo(distance).addA(this.renderer.activeCamera.eye);
-        }
-    }
-    /**
-     * Returns screen coordinates cartesian coordinates on the current terrain.
-     * position or null if input coordinates is outside the planet.
-     * @public
-     * @param {Vec2} px - Pixel screen 2d coordinates.
-     * @returns {Vec3 | undefined} -
-     */
-    getCartesianFromPixelTerrain(px) {
-        let distance = this.getDistanceFromPixel(px);
-        if (distance) {
-            let direction = px.direction || this.renderer.activeCamera.unproject(px.x, px.y);
-            return direction.scaleTo(distance).addA(this.renderer.activeCamera.eye);
-        }
-    }
-    /**
-     * Returns geodetic coordinates on the current terrain planet by its screen coordinates.
-     * position or null if input coordinates is outside the planet.
-     * @public
-     * @param {Vec2 | IBaseInputState} px - Pixel screen 2d coordinates.
-     * @returns {LonLat | undefined} -
-     */
-    getLonLatFromPixelTerrain(px) {
-        let coords = this.getCartesianFromPixelTerrain(px);
-        if (coords) {
-            return this.ellipsoid.cartesianToLonLat(coords);
-        }
-    }
-    /**
-     * Project cartesian coordinates to screen space.
-     * @public
-     * @param {Vec3} coords - Cartesian coordinates.
-     * @returns {Vec2} - Screen coordinates.
-     */
-    getPixelFromCartesian(coords) {
-        return this.renderer.activeCamera.project3v(coords);
-    }
-    /**
-     * Project geodetic coordinates to screen space.
-     * @public
-     * @param {LonLat} lonlat - Geodetic coordinates.
-     * @returns {Vec2 | undefined} - Screen coordinates.
-     */
-    getPixelFromLonLat(lonlat) {
-        let coords = this.ellipsoid.lonLatToCartesian(lonlat);
-        if (coords) {
-            return this.renderer.activeCamera.project3v(coords);
-        }
-    }
-    /**
-     * Returns distance from an active (screen) camera to the planet ellipsoid.
-     * @public
-     * @param {Vec2} px - Screen coordinates.
-     * @returns {number} -
-     */
-    getDistanceFromPixelEllipsoid(px) {
-        let coords = this.getCartesianFromPixelEllipsoid(px);
-        if (coords) {
-            return coords.distance(this.renderer.activeCamera.eye);
-        }
-    }
-    /**
-     * Returns distance from active (screen) camera to the planet terrain by screen coordinates.
-     * @public
-     * @param {Vec2 | IBaseInputState} px - Screen coordinates.
-     * @returns {number | undefined} -
-     */
-    getDistanceFromPixel(px) {
-        // if (this.terrain!.isEmpty) {
-        //     return this.getDistanceFromPixelEllipsoid(px) || 0;
-        // } else {
-        return this.renderer.getDistanceFromPixel(px) || this.getDistanceFromPixelEllipsoid(px) || 0;
-        //}
-    }
-    /**
-     * Sets camera to the planet geographical extent.
-     * @public
-     * @param {Extent} extent - Geographical extent.
-     */
-    viewExtent(extent) {
-        if (this.camera) {
-            this.camera.viewExtent(extent);
-        }
-        else {
-            this._initialViewExtent = extent;
-        }
-    }
-    /**
-     * Fits camera position for the view extent.
-     * @public
-     * @param {Array.<number>} extentArr - Geographical extent array, (exactly 4 entries)
-     * where index 0 - southwest longitude, 1 - latitude southwest, 2 - longitude northeast, 3 - latitude northeast.
-     */
-    viewExtentArr(extentArr) {
-        this.viewExtent(new Extent(new LonLat(extentArr[0], extentArr[1]), new LonLat(extentArr[2], extentArr[3])));
-    }
-    /**
-     * Gets current camera view extent.
-     * @public
-     * @returns {Extent} -
-     */
-    getViewExtent() {
-        if (this.renderer) {
-            let w = this.renderer.handler.getWidth(), h = this.renderer.handler.getHeight();
-            let extent = [
-                this.getLonLatFromPixelTerrain(new Vec2(0, 0)),
-                this.getLonLatFromPixelTerrain(new Vec2(w, 0)),
-                this.getLonLatFromPixelTerrain(new Vec2(w, h)),
-                this.getLonLatFromPixelTerrain(new Vec2(0, h))
-            ];
-            if (extent[0] && extent[1] && extent[2] && extent[3]) {
-                let min_lon = extent[0].lon, min_lat = extent[2].lat, max_lon = extent[1].lon, max_lat = extent[0].lat;
-                for (let i = 0; i < extent.length; i++) {
-                    if (extent[i].lon > max_lon)
-                        max_lon = extent[i].lon;
-                    if (extent[i].lat > max_lat)
-                        max_lat = extent[i].lat;
-                    if (extent[i].lon < min_lon)
-                        min_lon = extent[i].lon;
-                    if (extent[i].lat < min_lat)
-                        min_lat = extent[i].lat;
-                }
-                return new Extent(new LonLat(min_lon, min_lat), new LonLat(max_lon, max_lat));
-            }
-        }
-        return this._viewExtent;
-    }
-    /**
-     * Sets camera to the planet geographical position.
-     * @public
-     * @param {LonLat} lonlat - Camera position.
-     * @param {LonLat} [lookLonLat] - Viewpoint.
-     * @param {Vec3} [up] - Camera up vector.
-     */
-    viewLonLat(lonlat, lookLonLat, up) {
-        this.camera.setLonLat(lonlat, lookLonLat, up);
-    }
-    /**
-     * Fly active camera to the view extent.
-     * @public
-     * @param {Extent} extent - Geographical extent.
-     * @param {Number} [height] - Height on the end of the flight route.
-     * @param {Vec3} [up] - Camera UP vector on the end of a flying.
-     * @param {Number} [ampl] - Altitude amplitude factor.
-     * @param {Function} [startCallback] - Callback that calls before the flying begins.
-     * @param {Function} [completeCallback] - Callback that calls after flying when flying is finished.
-     */
-    flyExtent(extent, height, up, ampl, completeCallback, startCallback) {
-        this.camera.flyExtent(extent, height, up, ampl, completeCallback, startCallback);
-    }
-    /**
-     * Fly camera to the point.
-     * @public
-     * @param {Vec3} cartesian - Point coordinates.
-     * @param {Vec3} [look] - Camera "look at" point.
-     * @param {Vec3} [up] - Camera UP vector on the end of a flying.
-     * @param {Number} [ampl] - Altitude amplitude factor.
-     * @param {Function} [completeCallback] - Call the function in the end of flight
-     * @param {Function} [startCallback] - Call the function in the beginning
-     * @param {Function} [frameCallback] - Each frame callback
-     */
-    flyCartesian(cartesian, look, up, ampl, completeCallback, startCallback, frameCallback) {
-        this.camera.flyCartesian(cartesian, look, up, ampl, completeCallback, startCallback, frameCallback);
-    }
-    /**
-     * Fly camera to the geodetic position.
-     * @public
-     * @param {LonLat} lonlat - Fly geographical coordinates.
-     * @param {Vec3 | LonLat} [look] - Camera viewpoint in the end of the flight.
-     * @param {Vec3} [up] - Camera UP vector on the end of a flying.
-     * @param {Number} [ampl] - Altitude amplitude factor.
-     * @param [completeCallback]
-     * @param [startCallback]
-     * @param [frameCallback]
-     */
-    flyLonLat(lonlat, look, up, ampl, completeCallback, startCallback, frameCallback) {
-        this.camera.flyLonLat(lonlat, look, up, ampl, completeCallback, startCallback, frameCallback);
-    }
-    /**
-     * Stop current flight.
-     * @public
-     */
-    stopFlying() {
-        this.camera.stopFlying();
-    }
-    updateBillboardsTexCoords() {
-        for (let i = 0; i < this.entityCollections.length; i++) {
-            this.entityCollections[i].billboardHandler.refreshTexCoordsArr();
-        }
-        let readyCollections = {};
-        for (let i = 0; i < this._layers.length; i++) {
-            let li = this._layers[i];
-            if (li instanceof Vector) {
-                li.each(function (e) {
-                    if (e._entityCollection && !readyCollections[e._entityCollection.id]) {
-                        e._entityCollection.billboardHandler.refreshTexCoordsArr();
-                        readyCollections[e._entityCollection.id] = true;
-                    }
-                });
-            }
-        }
-    }
-    getEntityTerrainPoint(entity, res) {
-        let n = this._renderedNodes, i = n.length;
-        while (i--) {
-            if (n[i].segment.isEntityInside(entity)) {
-                return n[i].segment.getEntityTerrainPoint(entity, res);
-            }
-        }
-    }
-    async getHeightDefault(lonLat) {
-        return new Promise((resolve) => {
-            if (this.terrain) {
-                this.terrain.getHeightAsync(lonLat.clone(), (alt) => {
-                    resolve(alt);
-                });
-            }
-            else {
-                resolve(0);
-            }
-        });
-    }
-    async getHeightAboveELL(lonLat) {
-        return new Promise((resolve) => {
-            if (this.terrain) {
-                this.terrain.getHeightAsync(lonLat.clone(), (alt) => {
-                    resolve(alt + this.terrain.geoid.getHeightLonLat(lonLat));
-                });
-            }
-            else {
-                resolve(0);
-            }
-        });
-    }
-    onremove() {
-        this.memClear();
-        this.quadTreeStrategy.destroyBranches();
-        this._renderedNodes = [];
-    }
-    // function checkTerrainCollision(entity) {
-    //     let _tempTerrPoint = new Vec3();
-    //     let nodes = globus.planet._renderedNodes;
-    //     for (let j = 0; j < nodes.length; j++) {
-    //         let seg = nodes[j].segment;
-    //         if (seg && seg._extentLonLat.isInside(entity.getLonLat())) {
-    //             seg.getEntityTerrainPoint(entity, _tempTerrPoint);
-    //             entity.setCartesian3v(_tempTerrPoint);
-    //             break;
-    //         }
-    //     }
-    // }
-    /**
-     * @todo: refactor with events or something better
-     */
-    stopDragging() {
-        if (this.renderer && this.renderer.controls.EarthNavigation) {
-            //@ts-ignore
-            this.renderer.controls.EarthNavigation.stop();
-        }
-    }
-}
-const PLANET_EVENTS = [
-    /**
-     * Triggered before globe frame begins to render.
-     * @event og.scene.Planet#draw
-     */
-    "draw",
-    /**
-     * Triggered when layer has added to the planet.
-     * @event og.scene.Planet#layeradd
-     */
-    "layeradd",
-    /**
-     * Triggered when base layer changed.
-     * @event og.scene.Planet#baselayerchange
-     */
-    "baselayerchange",
-    /**
-     * Triggered when layer has removed from the planet.
-     * @event og.scene.Planet#layerremove
-     */
-    "layerremove",
-    /**
-     * Triggered when some layer visibility changed.
-     * @event og.scene.Planet#layervisibilitychange
-     */
-    "layervisibilitychange",
-    /**
-     * Triggered when all data is loaded
-     * @event og.scene.Planet#rendercompleted
-     */
-    "rendercompleted",
-    /**
-     * Triggered when all data is loaded
-     * @event og.scene.Planet#terraincompleted
-     */
-    "terraincompleted",
-    /**
-     * Triggered when layer data is laded
-     * @event og.scene.Planet#terraincompleted
-     */
-    "layerloadend"
-];