@openglobus/og 0.17.2 → 0.18.1

package/lib/js/segment/Segment.js

@@ -0,0 +1,1142 @@
+import * as mercator from "../mercator";
+import * as segmentHelper from "../segment/segmentHelper";
+import { Box } from "../bv/Box";
+import { Extent } from "../Extent";
+import { EPSG3857 } from "../proj/EPSG3857";
+import { E, N, NOTRENDERING, OPSIDE, S, W } from "../quadTree/quadTree";
+import { getMatrixSubArray64 } from "../utils/shared";
+import { Layer } from "../layer/Layer";
+import { LonLat } from "../LonLat";
+import { Sphere } from "../bv/Sphere";
+import { Slice } from "./Slice";
+import { Ray } from "../math/Ray";
+import { Vec3 } from "../math/Vec3";
+export const TILEGROUP_COMMON = 0;
+export const TILEGROUP_NORTH = 1;
+export const TILEGROUP_SOUTH = 2;
+let _tempHigh = new Vec3();
+let _tempLow = new Vec3();
+let _v0 = new Vec3(), _v1 = new Vec3(), _v2 = new Vec3(), _v3 = new Vec3();
+let _ray = new Ray(), _rayEx = new Ray();
+const _S = new Array(4);
+_S[N] = 0;
+_S[E] = 1;
+_S[S] = 1;
+_S[W] = 0;
+const _V = new Array(4);
+_V[N] = false;
+_V[E] = true;
+_V[S] = false;
+_V[W] = true;
+/**
+ * Planet segment Web Mercator tile class that stored and rendered with a quad-tree.
+ * @class
+ * @param {Node} node - Segment node.
+ * @param {Planet} planet - Planet scene.
+ * @param {number} tileZoom - Zoom index.
+ * @param {Extent} extent - Segment extent.
+ */
+class Segment {
+    constructor(node, planet, tileZoom, extent) {
+        this.isPole = false;
+        this._tileGroup = TILEGROUP_COMMON;
+        this._projection = EPSG3857;
+        this.node = node;
+        this.planet = planet;
+        this.handler = planet.renderer.handler;
+        this.bsphere = new Sphere();
+        this._plainRadius = 0;
+        this.bbox = new Box();
+        this._sw = new Vec3();
+        this._nw = new Vec3();
+        this._se = new Vec3();
+        this._ne = new Vec3();
+        this.centerNormal = new Vec3();
+        this._extent = this._extentMerc = extent;
+        this._extentLonLat = new Extent();
+        this.gridSize = planet.terrain.gridSizeByZoom[tileZoom];
+        this.fileGridSize = 0;
+        this.tileZoom = tileZoom;
+        this.tileX = 0;
+        this.tileXE = 0;
+        this.tileXW = 0;
+        this.tileYN = 0;
+        this.tileYS = 0;
+        this.tileY = 0;
+        this.tileIndex = "";
+        this._assignTileIndexes();
+        /**
+         * @toso: Check it should be Map<number, Material> instead of array
+         */
+        this.materials = [];
+        this.plainReady = false;
+        this.initialized = false;
+        this.normalMapReady = false;
+        this.terrainReady = false;
+        this.terrainIsLoading = false;
+        this.terrainExists = false;
+        this.passReady = false;
+        this.plainVertices = null;
+        this.plainVerticesHigh = null;
+        this.plainVerticesLow = null;
+        this.plainNormals = null;
+        this.terrainVertices = null;
+        this.terrainVerticesHigh = null;
+        this.terrainVerticesLow = null;
+        this.noDataVertices = null;
+        this.tempVertices = null;
+        this.tempVerticesHigh = null;
+        this.tempVerticesLow = null;
+        this.normalMapTexture = null;
+        this.normalMapTextureBias = new Float32Array(3);
+        this.normalMapVertices = null;
+        this.normalMapVerticesHigh = null;
+        this.normalMapVerticesLow = null;
+        this.normalMapNormals = null;
+        this.vertexNormalBuffer = null;
+        this.vertexPositionBuffer = null;
+        this.vertexPositionBufferHigh = null;
+        this.vertexPositionBufferLow = null;
+        this.vertexTextureCoordBuffer = null;
+        this._globalTextureCoordinates = new Float32Array(4);
+        this._inTheQueue = false;
+        this._appliedNeighborsZoom = [0, 0, 0, 0];
+        this._slices = [];
+        this._indexBuffer = null;
+        this.readyToEngage = false;
+        this.plainProcessing = false;
+        this.normalMapTexturePtr = null;
+    }
+    checkZoom() {
+        return this.tileZoom < this.planet.terrain._maxNodeZoom;
+    }
+    /**
+     * Returns entity terrain point.
+     * @public
+     * @param {Entity} entity - Entity.
+     * @param {Vec3} res - Point coordinates.
+     * @returns {Vec3} -
+     */
+    getEntityTerrainPoint(entity, res) {
+        return this.getTerrainPoint(entity._cartesian, this.getInsideLonLat(entity), res);
+    }
+    getInsideLonLat(obj) {
+        return obj._lonLatMerc;
+    }
+    isEntityInside(entity) {
+        return this._extentLonLat.isInside(entity._lonLat);
+    }
+    /**
+     * Returns distance from object to terrain coordinates and terrain point that calculates out in the res parameter.
+     * @public
+     * @param {Vec3} xyz - Cartesian object position.
+     * @param {LonLat} insideSegmentPosition - Geodetic object position.
+     * @param {Vec3} [res] - Result cartesian coordinates on the terrain.
+     * @returns {number} -
+     */
+    getTerrainPoint(xyz, insideSegmentPosition, res) {
+        let verts = this.tempVertices;
+        if (verts && verts.length) {
+            let norm = this.planet.ellipsoid.getSurfaceNormal3v(xyz);
+            _ray.set(xyz, norm.negateTo());
+            let ne = this._extent.northEast, sw = this._extent.southWest, size = Math.sqrt(verts.length / 3) - 1;
+            let xmax = ne.lon, ymax = ne.lat, xmin = sw.lon, ymin = sw.lat, x = insideSegmentPosition.lon, y = insideSegmentPosition.lat;
+            let sxn = xmax - xmin, syn = ymax - ymin;
+            let qx = sxn / size, qy = syn / size;
+            let xn = x - xmin, yn = y - ymin;
+            let indX = Math.floor(xn / qx), indY = Math.floor(size - yn / qy);
+            let ind_v0 = ((size + 1) * indY + indX) * 3;
+            let ind_v2 = ((size + 1) * (indY + 1) + indX) * 3;
+            _v0.set(verts[ind_v0], verts[ind_v0 + 1], verts[ind_v0 + 2]);
+            _v1.set(verts[ind_v0 + 3], verts[ind_v0 + 4], verts[ind_v0 + 5]);
+            _v2.set(verts[ind_v2], verts[ind_v2 + 1], verts[ind_v2 + 2]);
+            let d = _ray.hitTriangle(_v0, _v1, _v2, res);
+            if (d === Ray.INSIDE) {
+                return xyz.distance(res);
+            }
+            else if (d === Ray.AWAY) {
+                _rayEx.set(xyz, norm);
+                let d = _rayEx.hitTriangle(_v0, _v1, _v2, res);
+                if (d === Ray.INSIDE) {
+                    return -xyz.distance(res);
+                }
+            }
+            _v3.set(verts[ind_v2 + 3], verts[ind_v2 + 4], verts[ind_v2 + 5]);
+            d = _ray.hitTriangle(_v1, _v3, _v2, res);
+            if (d === Ray.INSIDE) {
+                return xyz.distance(res);
+            }
+            else if (d === Ray.AWAY) {
+                _rayEx.set(xyz, norm);
+                let d = _rayEx.hitTriangle(_v1, _v3, _v2, res);
+                if (d === Ray.INSIDE) {
+                    return -xyz.distance(res);
+                }
+            }
+            if (d === Ray.AWAY) {
+                return -xyz.distance(res);
+            }
+            return xyz.distance(res);
+        }
+        else {
+            return xyz.distance(this.planet.ellipsoid.hitRay(_ray.origin, _ray.direction));
+        }
+    }
+    /**
+     * Project wgs86 to segment native projection.
+     * @public
+     * @param {LonLat} lonlat - Coordinates to project.
+     * @returns {LonLat} -
+     */
+    projectNative(lonlat) {
+        return lonlat.forwardMercator();
+    }
+    loadTerrain(forceLoading = false) {
+        if (this.tileZoom < this.planet.terrain.minZoom || this.planet.terrain.isEmpty) {
+            this.terrainIsLoading = true;
+            this.elevationsNotExists();
+            if (!this._inTheQueue) {
+                this.planet._normalMapCreator.queue(this);
+            }
+        }
+        else {
+            if (this.tileZoom > this.planet.terrain.maxZoom) {
+                this.elevationsNotExists();
+            }
+            else if (!this.terrainIsLoading && !this.terrainReady) {
+                this.planet.terrain.loadTerrain(this, forceLoading);
+            }
+            // if (!this.terrainIsLoading && !this.terrainReady) {
+            //     this.planet.terrain.loadTerrain(this, forceLoading);
+            // }
+        }
+    }
+    /**
+     * Terrain obtained from server.
+     * @param {Float32Array} elevations - Elevation data.
+     */
+    elevationsExists(elevations) {
+        if (this.plainReady && this.terrainIsLoading) {
+            let _elevations = new Float32Array(elevations.length);
+            _elevations.set(elevations);
+            this.planet._terrainWorker.make({ segment: this, elevations: _elevations });
+            this.plainVerticesHigh = null;
+            this.plainVerticesLow = null;
+            this.normalMapVerticesHigh = null;
+            this.normalMapVerticesLow = null;
+            if (!this.planet.terrain.equalizeVertices) {
+                this.tempVerticesHigh = null;
+                this.tempVerticesLow = null;
+            }
+        }
+    }
+    /**
+     * Keep plain elevation segment for rendering
+     *
+     * 'this.tileZoom <= this.planet.terrain.maxZoom' it means, that the segment is plain
+     *
+     */
+    elevationsNotExists() {
+        if (this.planet && this.tileZoom <= this.planet.terrain.maxNativeZoom) {
+            if (this.plainReady && this.terrainIsLoading) {
+                this.terrainIsLoading = false;
+                let n = this.node;
+                n.appliedTerrainNodeId = this.node.nodeId;
+                n.equalizedSideWithNodeId[N] = n.equalizedSideWithNodeId[E] = n.equalizedSideWithNodeId[S] =
+                    n.equalizedSideWithNodeId[W] = n.appliedTerrainNodeId;
+                if (this.planet.lightEnabled && !this._inTheQueue) {
+                    this.planet._normalMapCreator.queue(this);
+                }
+                this.readyToEngage = true;
+            }
+            // plain terrain only
+            this.terrainVertices = this.plainVertices;
+            this.terrainVerticesHigh = this.plainVerticesHigh;
+            this.terrainVerticesLow = this.plainVerticesLow;
+            this.tempVertices = this.terrainVertices;
+            this.tempVerticesHigh = this.terrainVerticesHigh;
+            this.tempVerticesLow = this.terrainVerticesLow;
+            this.noDataVertices = null;
+            this.fileGridSize = Math.sqrt(this.terrainVertices.length / 3) - 1;
+            this.gridSize = this.fileGridSize;
+            this.terrainReady = true;
+            this.terrainExists = false;
+        }
+        else {
+            if (this.plainReady && this.terrainIsLoading) {
+                this.terrainIsLoading = false;
+                let n = this.node;
+                n.appliedTerrainNodeId = this.node.nodeId;
+                n.equalizedSideWithNodeId[N] = n.equalizedSideWithNodeId[E] = n.equalizedSideWithNodeId[S] =
+                    n.equalizedSideWithNodeId[W] = n.appliedTerrainNodeId;
+                this.readyToEngage = true;
+                this.terrainReady = true;
+                this.passReady = true;
+                this.terrainExists = false;
+            }
+        }
+    }
+    _checkEqualization(neighborSide, neigborNode) {
+        return neigborNode && this.tileZoom >= neigborNode.segment.tileZoom &&
+            this.node.equalizedSideWithNodeId[neighborSide] !== neigborNode.equalizedSideWithNodeId[OPSIDE[neighborSide]];
+    }
+    equalize() {
+        if (this.tileZoom < 8 || this.gridSize < 2) {
+            return;
+        }
+        this.readyToEngage = true;
+        let nn = this.node.neighbors;
+        let v = this.tempVertices, vHigh = this.tempVerticesHigh, vLow = this.tempVerticesLow;
+        let gs = this.gridSize, gsOne = gs + 1;
+        let n = nn[N][0];
+        if (this._checkEqualization(N, n)) {
+            this.node.equalizedSideWithNodeId[N] = n.equalizedSideWithNodeId[S];
+            this.readyToEngage = true;
+            let offset = this.node.getOffsetOppositeNeighbourSide(n, N);
+            let nv = n.segment.tempVertices, nvHigh = n.segment.tempVerticesHigh, nvLow = n.segment.tempVerticesLow;
+            let n_gs = n.segment.gridSize, n_gsOne = n_gs + 1;
+            let dz = 1 / (1 << (this.tileZoom - n.segment.tileZoom));
+            let inc = Math.max(gs / (n_gs * dz), 1), n_inc = Math.max((n_gs * dz) / gs, 1), n_offset = offset * n_gs;
+            for (let k = 0, nk = n_offset; k < gsOne; k += inc, nk += n_inc) {
+                const index = k * 3;
+                const n_index = (n_gsOne * n_gs + nk) * 3;
+                v[index] = nv[n_index];
+                v[index + 1] = nv[n_index + 1];
+                v[index + 2] = nv[n_index + 2];
+                vHigh[index] = nvHigh[n_index];
+                vHigh[index + 1] = nvHigh[n_index + 1];
+                vHigh[index + 2] = nvHigh[n_index + 2];
+                vLow[index] = nvLow[n_index];
+                vLow[index + 1] = nvLow[n_index + 1];
+                vLow[index + 2] = nvLow[n_index + 2];
+            }
+        }
+        n = nn[E][0];
+        if (this._checkEqualization(E, n)) {
+            this.node.equalizedSideWithNodeId[E] = n.equalizedSideWithNodeId[W];
+            this.readyToEngage = true;
+            let offset = this.node.getOffsetOppositeNeighbourSide(n, E);
+            let nv = n.segment.tempVertices, nvHigh = n.segment.tempVerticesHigh, nvLow = n.segment.tempVerticesLow;
+            let n_gs = n.segment.gridSize, n_gsOne = n_gs + 1;
+            let dz = 1 / (1 << (this.tileZoom - n.segment.tileZoom));
+            let inc = Math.max(gs / (n_gs * dz), 1), n_inc = Math.max((n_gs * dz) / gs, 1), n_offset = offset * n_gs;
+            for (let k = 0, nk = n_offset; k < gsOne; k += inc, nk += n_inc) {
+                const index = (gsOne * k + gs) * 3;
+                const n_index = n_gsOne * nk * 3;
+                v[index] = nv[n_index];
+                v[index + 1] = nv[n_index + 1];
+                v[index + 2] = nv[n_index + 2];
+                vHigh[index] = nvHigh[n_index];
+                vHigh[index + 1] = nvHigh[n_index + 1];
+                vHigh[index + 2] = nvHigh[n_index + 2];
+                vLow[index] = nvLow[n_index];
+                vLow[index + 1] = nvLow[n_index + 1];
+                vLow[index + 2] = nvLow[n_index + 2];
+            }
+        }
+        n = nn[S][0];
+        if (this._checkEqualization(S, n)) {
+            this.node.equalizedSideWithNodeId[S] = n.equalizedSideWithNodeId[N];
+            this.readyToEngage = true;
+            let offset = this.node.getOffsetOppositeNeighbourSide(n, S);
+            let nv = n.segment.tempVertices, nvHigh = n.segment.tempVerticesHigh, nvLow = n.segment.tempVerticesLow;
+            let n_gs = n.segment.gridSize; // n_gsOne = n_gs + 1;
+            let dz = 1 / (1 << (this.tileZoom - n.segment.tileZoom));
+            let inc = Math.max(gs / (n_gs * dz), 1), n_inc = Math.max((n_gs * dz) / gs, 1), n_offset = offset * n_gs;
+            for (let k = 0, nk = n_offset; k < gsOne; k += inc, nk += n_inc) {
+                const index = (gsOne * gs + k) * 3;
+                const n_index = nk * 3;
+                v[index] = nv[n_index];
+                v[index + 1] = nv[n_index + 1];
+                v[index + 2] = nv[n_index + 2];
+                vHigh[index] = nvHigh[n_index];
+                vHigh[index + 1] = nvHigh[n_index + 1];
+                vHigh[index + 2] = nvHigh[n_index + 2];
+                vLow[index] = nvLow[n_index];
+                vLow[index + 1] = nvLow[n_index + 1];
+                vLow[index + 2] = nvLow[n_index + 2];
+            }
+        }
+        n = nn[W][0];
+        if (this._checkEqualization(W, n)) {
+            this.node.equalizedSideWithNodeId[W] = n.equalizedSideWithNodeId[E];
+            this.readyToEngage = true;
+            let offset = this.node.getOffsetOppositeNeighbourSide(n, W);
+            let nv = n.segment.tempVertices, nvHigh = n.segment.tempVerticesHigh, nvLow = n.segment.tempVerticesLow;
+            let n_gs = n.segment.gridSize, n_gsOne = n_gs + 1;
+            let dz = 1 / (1 << (this.tileZoom - n.segment.tileZoom));
+            let inc = Math.max(gs / (n_gs * dz), 1), n_inc = Math.max((n_gs * dz) / gs, 1), n_offset = offset * n_gs;
+            for (let k = 0, nk = n_offset; k < gsOne; k += inc, nk += n_inc) {
+                const index = gsOne * k * 3;
+                const n_index = (n_gsOne * nk + n_gs) * 3;
+                v[index] = nv[n_index];
+                v[index + 1] = nv[n_index + 1];
+                v[index + 2] = nv[n_index + 2];
+                vHigh[index] = nvHigh[n_index];
+                vHigh[index + 1] = nvHigh[n_index + 1];
+                vHigh[index + 2] = nvHigh[n_index + 2];
+                vLow[index] = nvLow[n_index];
+                vLow[index + 1] = nvLow[n_index + 1];
+                vLow[index + 2] = nvLow[n_index + 2];
+            }
+        }
+    }
+    engage() {
+        this.readyToEngage = false;
+        this.createCoordsBuffers(this.tempVerticesHigh, this.tempVerticesLow, this.gridSize);
+    }
+    _terrainWorkerCallback(data) {
+        if (this.plainReady) {
+            this.readyToEngage = true;
+            this.normalMapNormals = null;
+            this.normalMapVertices = null;
+            this.normalMapVerticesHigh = null;
+            this.normalMapVerticesLow = null;
+            this.terrainVertices = null;
+            this.terrainVerticesHigh = null;
+            this.terrainVerticesLow = null;
+            this.noDataVertices = null;
+            this.tempVertices = null;
+            this.tempVerticesHigh = null;
+            this.tempVerticesLow = null;
+            this.normalMapNormals = data.normalMapNormals;
+            this.normalMapVertices = data.normalMapVertices;
+            this.normalMapVerticesHigh = data.normalMapVerticesHigh;
+            this.normalMapVerticesLow = data.normalMapVerticesLow;
+            this.terrainVertices = data.terrainVertices;
+            this.terrainVerticesHigh = data.terrainVerticesHigh;
+            this.terrainVerticesLow = data.terrainVerticesLow;
+            this.noDataVertices = data.noDataVertices;
+            this.tempVertices = this.terrainVertices;
+            this.tempVerticesHigh = this.terrainVerticesHigh;
+            this.tempVerticesLow = this.terrainVerticesLow;
+            this.setBoundingVolumeArr(data.bounds);
+            this.gridSize = Math.sqrt(this.terrainVertices.length / 3) - 1;
+            let n = this.node;
+            n.appliedTerrainNodeId = n.nodeId;
+            n.equalizedSideWithNodeId[N] = n.equalizedSideWithNodeId[E] = n.equalizedSideWithNodeId[S] =
+                n.equalizedSideWithNodeId[W] = n.appliedTerrainNodeId;
+            this.terrainReady = true;
+            this.terrainIsLoading = false;
+            this.terrainExists = true;
+            if (!this.normalMapTexturePtr) {
+                const nmc = this.planet._normalMapCreator;
+                this.normalMapTexturePtr = this.planet.renderer.handler.createEmptyTexture_l(nmc.width, nmc.height);
+            }
+            if (this.planet.lightEnabled) {
+                this.planet._normalMapCreator.queue(this);
+            }
+        }
+    }
+    _normalMapEdgeEqualize(side) {
+        let nn = this.node.neighbors;
+        let n = nn[side][0];
+        let maxZ = this.planet.terrain.maxZoom;
+        if (this.tileZoom === maxZ) {
+            if (!(nn[0].length || nn[1].length || nn[2].length || nn[3].length)) {
+                n = this.node.getEqualNeighbor(side);
+            }
+        }
+        let b = n && n.segment, s = this;
+        if (n &&
+            b &&
+            b.terrainReady &&
+            b.terrainExists &&
+            b.tileZoom <= maxZ &&
+            s._appliedNeighborsZoom[side] !== b.tileZoom) {
+            s._appliedNeighborsZoom[side] = b.tileZoom;
+            let seg_a = s.normalMapNormals, seg_b = b.normalMapNormals;
+            if (!(seg_a && seg_b))
+                return;
+            let seg_a_raw = s.normalMapNormals, seg_b_raw = b.normalMapNormals;
+            // let seg_a_verts = s.terrainVertices,
+            //     seg_b_verts = s.terrainVertices;
+            let s_gs = Math.sqrt(seg_a.length / 3), 
+            // b_gs = Math.sqrt(seg_b.length / 3),
+            s_gs1 = s_gs - 1;
+            // b_gs1 = b_gs - 1;
+            const i_a = s_gs1 * _S[side];
+            let nx, ny, nz, q;
+            if (s.tileZoom === b.tileZoom) {
+                const i_b = s_gs1 - i_a;
+                if (_V[side]) {
+                    for (let k = 0; k < s_gs; k++) {
+                        let vInd_a = (k * s_gs + i_a) * 3, vInd_b = (k * s_gs + i_b) * 3;
+                        nx = seg_a_raw[vInd_a] + seg_b_raw[vInd_b];
+                        ny = seg_a_raw[vInd_a + 1] + seg_b_raw[vInd_b + 1];
+                        nz = seg_a_raw[vInd_a + 2] + seg_b_raw[vInd_b + 2];
+                        q = 1.0 / Math.sqrt(nx * nx + ny * ny + nz * nz);
+                        seg_b[vInd_b] = seg_a[vInd_a] = nx * q;
+                        seg_b[vInd_b + 1] = seg_a[vInd_a + 1] = ny * q;
+                        seg_b[vInd_b + 2] = seg_a[vInd_a + 2] = nz * q;
+                    }
+                }
+                else {
+                    for (let k = 0; k < s_gs; k++) {
+                        let vInd_a = (i_a * s_gs + k) * 3, vInd_b = (i_b * s_gs + k) * 3;
+                        nx = seg_a_raw[vInd_a] + seg_b_raw[vInd_b];
+                        ny = seg_a_raw[vInd_a + 1] + seg_b_raw[vInd_b + 1];
+                        nz = seg_a_raw[vInd_a + 2] + seg_b_raw[vInd_b + 2];
+                        q = 1.0 / Math.sqrt(nx * nx + ny * ny + nz * nz);
+                        seg_b[vInd_b] = seg_a[vInd_a] = nx * q;
+                        seg_b[vInd_b + 1] = seg_a[vInd_a + 1] = ny * q;
+                        seg_b[vInd_b + 2] = seg_a[vInd_a + 2] = nz * q;
+                    }
+                }
+                if (!b._inTheQueue && b._appliedNeighborsZoom[OPSIDE[side]] !== s.tileZoom) {
+                    b._appliedNeighborsZoom[OPSIDE[side]] = s.tileZoom;
+                    s.planet._normalMapCreator.queue(b);
+                }
+            }
+        }
+    }
+    applyTerrain(elevations) {
+        if (elevations) {
+            this.elevationsExists(elevations);
+        }
+        else {
+            this.elevationsNotExists();
+        }
+    }
+    deleteBuffers() {
+        const gl = this.handler.gl;
+        gl.deleteBuffer(this.vertexNormalBuffer);
+        gl.deleteBuffer(this.vertexPositionBuffer);
+        gl.deleteBuffer(this.vertexPositionBufferHigh);
+        gl.deleteBuffer(this.vertexPositionBufferLow);
+        this.vertexNormalBuffer = null;
+        this.vertexPositionBuffer = null;
+        this.vertexPositionBufferHigh = null;
+        this.vertexPositionBufferLow = null;
+        this.vertexTextureCoordBuffer = null;
+    }
+    deleteMaterials() {
+        let m = this.materials;
+        for (let i = 0; i < m.length; i++) {
+            let mi = m[i];
+            if (mi) {
+                mi.clear();
+            }
+        }
+        this.materials.length = 0;
+    }
+    deleteElevations() {
+        this.terrainExists = false;
+        this.terrainReady = false;
+        this.terrainIsLoading = false;
+        this.normalMapVertices = null;
+        this.normalMapVerticesHigh = null;
+        this.normalMapVerticesLow = null;
+        this.normalMapNormals = null;
+        this.tempVertices = null;
+        this.tempVerticesHigh = null;
+        this.tempVerticesLow = null;
+        this.terrainVertices = null;
+        this.terrainVerticesHigh = null;
+        this.terrainVerticesLow = null;
+        this.noDataVertices = null;
+        this.plainVertices = null;
+        this.plainVerticesHigh = null;
+        this.plainVerticesLow = null;
+        this.plainNormals = null;
+        if (this.normalMapReady) {
+            this.handler.gl.deleteTexture(this.normalMapTexture);
+            this.normalMapReady = false;
+        }
+        this._appliedNeighborsZoom = [0, 0, 0, 0];
+        this.normalMapTextureBias[0] = 0;
+        this.normalMapTextureBias[1] = 0;
+        this.normalMapTextureBias[2] = 1;
+        this._inTheQueue = false;
+    }
+    clearSegment() {
+        this.plainReady = false;
+        this.initialized = false;
+        this.deleteBuffers();
+        this.deleteMaterials();
+        this.deleteElevations();
+    }
+    destroySegment() {
+        this.clearSegment();
+        let i = this._slices.length;
+        while (i--) {
+            this._slices[i].clear();
+        }
+        //@ts-ignore
+        this._slices = null;
+        //@ts-ignore
+        this.node = null;
+        //@ts-ignore
+        this.planet = null;
+        //@ts-ignore
+        this.handler = null;
+        //@ts-ignore
+        this.bbox = null;
+        //@ts-ignore
+        this.bsphere = null;
+        //@ts-ignore
+        this._extent = null;
+        //@ts-ignore
+        this.materials = null;
+        this.plainVertices = null;
+        this.plainVerticesHigh = null;
+        this.plainVerticesLow = null;
+        this.plainNormals = null;
+        this.terrainVertices = null;
+        this.terrainVerticesHigh = null;
+        this.terrainVerticesLow = null;
+        this.noDataVertices = null;
+        this.tempVertices = null;
+        this.tempVerticesHigh = null;
+        this.tempVerticesLow = null;
+        //@ts-ignore
+        this.normalMapTextureBias = null;
+        this.normalMapTexture = null;
+        this.normalMapVertices = null;
+        this.normalMapVerticesHigh = null;
+        this.normalMapVerticesLow = null;
+        this.normalMapNormals = null;
+        this.vertexNormalBuffer = null;
+        this.vertexPositionBuffer = null;
+        this.vertexPositionBufferHigh = null;
+        this.vertexPositionBufferLow = null;
+        this.vertexTextureCoordBuffer = null;
+        // @ts-ignore
+        this._projection = null;
+        // @ts-ignore
+        this._appliedNeighborsZoom = null;
+        // @ts-ignore
+        this._globalTextureCoordinates = null;
+    }
+    /**
+     * @todo: looks like it could be simplified in Segment contructor
+     */
+    _setExtentLonLat() {
+        this._extentLonLat = this._extent.inverseMercator();
+    }
+    createBoundsByExtent() {
+        const ellipsoid = this.planet.ellipsoid;
+        const extent = this._extentLonLat;
+        const coord_sw = ellipsoid.geodeticToCartesian(extent.southWest.lon, extent.southWest.lat);
+        const coord_ne = ellipsoid.geodeticToCartesian(extent.northEast.lon, extent.northEast.lat);
+        const coord_nw = ellipsoid.geodeticToCartesian(extent.southWest.lon, extent.northEast.lat);
+        const coord_se = ellipsoid.geodeticToCartesian(extent.northEast.lon, extent.southWest.lat);
+        this._sw.copy(coord_sw);
+        this._nw.copy(coord_nw);
+        this._ne.copy(coord_ne);
+        this._se.copy(coord_se);
+        this.setBoundingVolume3v(coord_sw, coord_ne);
+    }
+    createBoundsByParent() {
+        let pn = this.node;
+        while (pn.parentNode && !pn.segment.terrainReady) {
+            pn = pn.parentNode;
+        }
+        let dZ2 = 1 << (this.tileZoom - pn.segment.tileZoom);
+        let offsetX = this.tileX - pn.segment.tileX * dZ2, offsetY = this.tileY - pn.segment.tileY * dZ2;
+        if (pn.segment.terrainReady && pn.segment.tileZoom >= this.planet.terrain.minZoom) {
+            let gridSize = pn.segment.gridSize / dZ2;
+            if (gridSize >= 1.0) {
+                //
+                // (*) Actually, we get parent whole bounding volume
+                //
+                this.bsphere.center.x = pn.segment.bsphere.center.x;
+                this.bsphere.center.y = pn.segment.bsphere.center.y;
+                this.bsphere.center.z = pn.segment.bsphere.center.z;
+                this.bsphere.radius = pn.segment.bsphere.radius;
+                let i0 = gridSize * offsetY;
+                let j0 = gridSize * offsetX;
+                let pnGsOne = pn.segment.gridSize + 1;
+                let ind_sw = 3 * ((i0 + gridSize) * pnGsOne + j0), ind_nw = 3 * (i0 * pnGsOne + j0), ind_ne = 3 * (i0 * pnGsOne + j0 + gridSize), ind_se = 3 * ((i0 + gridSize) * pnGsOne + j0 + gridSize);
+                let pVerts = pn.segment.tempVertices;
+                let v_sw = new Vec3(pVerts[ind_sw], pVerts[ind_sw + 1], pVerts[ind_sw + 2]), v_ne = new Vec3(pVerts[ind_ne], pVerts[ind_ne + 1], pVerts[ind_ne + 2]);
+                // check for segment zoom
+                let v_nw = new Vec3(pVerts[ind_nw], pVerts[ind_nw + 1], pVerts[ind_nw + 2]), v_se = new Vec3(pVerts[ind_se], pVerts[ind_se + 1], pVerts[ind_se + 2]);
+                this._sw.copy(v_sw);
+                this._nw.copy(v_nw);
+                this._ne.copy(v_ne);
+                this._se.copy(v_se);
+            }
+            else {
+                let pseg = pn.segment;
+                let i0 = Math.floor(gridSize * offsetY), j0 = Math.floor(gridSize * offsetX);
+                let insideSize = 1.0 / gridSize;
+                let t_i0 = offsetY - insideSize * i0, t_j0 = offsetX - insideSize * j0;
+                let bigOne;
+                if (pseg.gridSize === 1) {
+                    bigOne = pseg.tempVertices;
+                }
+                else {
+                    bigOne = getMatrixSubArray64(pseg.tempVertices, pseg.gridSize, i0, j0, 1);
+                }
+                let v_lt = new Vec3(bigOne[0], bigOne[1], bigOne[2]), v_rb = new Vec3(bigOne[9], bigOne[10], bigOne[11]);
+                let vn = new Vec3(bigOne[3] - bigOne[0], bigOne[4] - bigOne[1], bigOne[5] - bigOne[2]), vw = new Vec3(bigOne[6] - bigOne[0], bigOne[7] - bigOne[1], bigOne[8] - bigOne[2]), ve = new Vec3(bigOne[3] - bigOne[9], bigOne[4] - bigOne[10], bigOne[5] - bigOne[11]), vs = new Vec3(bigOne[6] - bigOne[9], bigOne[7] - bigOne[10], bigOne[8] - bigOne[11]);
+                let vi_y = t_i0, vi_x = t_j0;
+                let coords_lt, coords_rb;
+                if (vi_y + vi_x < insideSize) {
+                    coords_lt = Vec3.add(vn.scaleTo(vi_x / insideSize), vw.scaleTo(vi_y / insideSize)).addA(v_lt);
+                }
+                else {
+                    coords_lt = Vec3.add(vs.scaleTo(1 - vi_x / insideSize), ve.scaleTo(1 - vi_y / insideSize)).addA(v_rb);
+                }
+                vi_y = t_i0 + 1;
+                vi_x = t_j0 + 1;
+                if (vi_y + vi_x < insideSize) {
+                    coords_rb = Vec3.add(vn.scaleTo(vi_x / insideSize), vw.scaleTo(vi_y / insideSize)).addA(v_lt);
+                }
+                else {
+                    coords_rb = Vec3.add(vs.scaleTo(1 - vi_x / insideSize), ve.scaleTo(1 - vi_y / insideSize)).addA(v_rb);
+                }
+                this.setBoundingVolume3v(coords_lt, coords_rb);
+            }
+        }
+        else {
+            this.createBoundsByExtent();
+        }
+    }
+    setBoundingSphere(x, y, z, v) {
+        this.bsphere.center.x = x;
+        this.bsphere.center.y = y;
+        this.bsphere.center.z = z;
+        this.bsphere.radius = this.bsphere.center.distance(v);
+    }
+    setBoundingVolume(xmin, ymin, zmin, xmax, ymax, zmax) {
+        this.bbox.setFromBoundsArr([xmin, ymin, zmin, xmax, ymax, zmax]);
+        let x = xmin + (xmax - xmin) * 0.5, y = ymin + (ymax - ymin) * 0.5, z = zmin + (zmax - zmin) * 0.5;
+        this.bsphere.center.set(x, y, z);
+        this.bsphere.radius = this.bsphere.center.distance(new Vec3(xmin, ymin, zmin));
+    }
+    setBoundingVolume3v(vmin, vmax) {
+        this.bbox.setFromBoundsArr([vmin.x, vmin.y, vmin.z, vmax.x, vmax.y, vmax.z]);
+        let x = vmin.x + (vmax.x - vmin.x) * 0.5, y = vmin.y + (vmax.y - vmin.y) * 0.5, z = vmin.z + (vmax.z - vmin.z) * 0.5;
+        this.bsphere.center.set(x, y, z);
+        this.bsphere.radius = this.bsphere.center.distance(new Vec3(vmin.x, vmin.y, vmin.z));
+    }
+    setBoundingVolumeArr(bounds) {
+        this.bbox.setFromBoundsArr(bounds);
+        let x = bounds[0] + (bounds[3] - bounds[0]) * 0.5, y = bounds[1] + (bounds[4] - bounds[1]) * 0.5, z = bounds[2] + (bounds[5] - bounds[2]) * 0.5;
+        this.bsphere.center.set(x, y, z);
+        this.bsphere.radius = this.bsphere.center.distance(new Vec3(bounds[0], bounds[1], bounds[2]));
+    }
+    createCoordsBuffers(verticesHigh, verticesLow, gridSize) {
+        const gsgs = (gridSize + 1) * (gridSize + 1);
+        const h = this.handler;
+        if (this.vertexPositionBufferHigh && this.vertexPositionBufferHigh.numItems === gsgs) {
+            h.setStreamArrayBuffer(this.vertexPositionBufferHigh, verticesHigh);
+            h.setStreamArrayBuffer(this.vertexPositionBufferLow, verticesLow);
+        }
+        else {
+            h.gl.deleteBuffer(this.vertexPositionBufferHigh);
+            h.gl.deleteBuffer(this.vertexPositionBufferLow);
+            this.vertexTextureCoordBuffer = this.planet._textureCoordsBufferCache[Math.log2(gridSize)];
+            // @todo use it!
+            //this.vertexPositionBufferHigh = h.createStreamArrayBuffer(3, gsgs);
+            //h.setStreamArrayBuffer(this.vertexPositionBufferHigh, verticesHigh);
+            //this.vertexPositionBufferLow = h.createStreamArrayBuffer(3, gsgs);
+            //h.setStreamArrayBuffer(this.vertexPositionBufferLow, verticesLow);
+            // It works, but I'm not sure that it is correct and better use the comment above
+            this.vertexPositionBufferHigh = h.createArrayBuffer(verticesHigh, 3, gsgs);
+            this.vertexPositionBufferLow = h.createArrayBuffer(verticesLow, 3, gsgs);
+        }
+    }
+    _addViewExtent() {
+        const ext = this._extentLonLat;
+        let viewExt = this.planet._viewExtent;
+        if (ext.southWest.lon < viewExt.southWest.lon) {
+            viewExt.southWest.lon = ext.southWest.lon;
+        }
+        if (ext.northEast.lon > viewExt.northEast.lon) {
+            viewExt.northEast.lon = ext.northEast.lon;
+        }
+        if (ext.southWest.lat < viewExt.southWest.lat) {
+            viewExt.southWest.lat = ext.southWest.lat;
+        }
+        if (ext.northEast.lat > viewExt.northEast.lat) {
+            viewExt.northEast.lat = ext.northEast.lat;
+        }
+    }
+    _assignTileIndexes() {
+        this._tileGroup = TILEGROUP_COMMON;
+        const tileZoom = this.tileZoom;
+        const extent = this._extent;
+        const pole = mercator.POLE;
+        this.tileX = Math.round(Math.abs(-pole - extent.southWest.lon) / (extent.northEast.lon - extent.southWest.lon));
+        this.tileY = Math.round(Math.abs(pole - extent.northEast.lat) / (extent.northEast.lat - extent.southWest.lat));
+        const p2 = Math.pow(2, tileZoom);
+        this.tileXE = (this.tileX + 1) % p2;
+        this.tileXW = (p2 + this.tileX - 1) % p2;
+        this.tileYN = this.tileY - 1;
+        this.tileYS = this.tileY + 1;
+        this.tileIndex = Layer.getTileIndex(this.tileX, this.tileY, tileZoom);
+    }
+    initialize() {
+        const p = this.planet;
+        const n = this.node;
+        this.gridSize = p.terrain.gridSizeByZoom[this.tileZoom] || p.terrain.plainGridSize;
+        n.sideSizeLog2[0] = n.sideSizeLog2[1] = n.sideSizeLog2[2] = n.sideSizeLog2[3] = Math.log2(this.gridSize);
+        if (this.tileZoom <= p.terrain.maxZoom) {
+            const nmc = this.planet._normalMapCreator;
+            this.normalMapTexturePtr = p.renderer.handler.createEmptyTexture_l(nmc.width, nmc.height);
+        }
+        this.normalMapTexture = this.planet.transparentTexture;
+        this._assignGlobalTextureCoordinates();
+        this.initialized = true;
+    }
+    _assignGlobalTextureCoordinates() {
+        const e = this._extent;
+        this._globalTextureCoordinates[0] =
+            (e.southWest.lon + mercator.POLE) * mercator.ONE_BY_POLE_DOUBLE;
+        this._globalTextureCoordinates[1] =
+            (mercator.POLE - e.northEast.lat) * mercator.ONE_BY_POLE_DOUBLE;
+        this._globalTextureCoordinates[2] =
+            (e.northEast.lon + mercator.POLE) * mercator.ONE_BY_POLE_DOUBLE;
+        this._globalTextureCoordinates[3] =
+            (mercator.POLE - e.southWest.lat) * mercator.ONE_BY_POLE_DOUBLE;
+    }
+    createPlainSegmentAsync() {
+        let p = this.planet, t = p.terrain;
+        if (t.isReady() && !this.plainReady && this.tileZoom <= t.maxZoom) {
+            this.plainProcessing = true;
+            p._plainSegmentWorker.make(this);
+        }
+    }
+    _plainSegmentWorkerCallback(data) {
+        this.plainProcessing = false;
+        if (this.initialized && !this.terrainReady) {
+            this.plainReady = true;
+            this.plainVertices = data.plainVertices;
+            this.plainVerticesHigh = data.plainVerticesHigh;
+            this.plainVerticesLow = data.plainVerticesLow;
+            this.plainNormals = data.plainNormals;
+            this._plainRadius = data.plainRadius;
+            this.normalMapNormals = data.normalMapNormals;
+            this.normalMapVertices = data.normalMapVertices;
+            this.normalMapVerticesHigh = data.normalMapVerticesHigh;
+            this.normalMapVerticesLow = data.normalMapVerticesLow;
+            //this.terrainVertices = this.plainVertices;
+            //this.terrainVerticesHigh = this.plainVerticesHigh;
+            //this.terrainVerticesLow = this.plainVerticesLow;
+            this.fileGridSize = Math.sqrt(data.normalMapVertices.length / 3) - 1;
+        }
+    }
+    createPlainSegment() {
+        this.initialize();
+        this._createPlainVertices();
+        this.readyToEngage = true;
+    }
+    _createPlainVertices() {
+        const gridSize = this.planet.terrain.gridSizeByZoom[this.tileZoom];
+        const e = this._extent;
+        const fgs = this.planet.terrain.plainGridSize;
+        const lonSize = e.getWidth();
+        const llStep = lonSize / Math.max(fgs, gridSize);
+        const esw_lon = e.southWest.lon;
+        const ene_lat = e.northEast.lat;
+        const dg = Math.max(fgs / gridSize, 1);
+        const gs = Math.max(fgs, gridSize) + 1;
+        const r2 = this.planet.ellipsoid._invRadii2;
+        const gsgs = gs * gs;
+        const gridSize3 = (gridSize + 1) * (gridSize + 1) * 3;
+        let ind = 0, nmInd = 0;
+        this.plainNormals = new Float32Array(gridSize3);
+        this.plainVertices = new Float64Array(gridSize3);
+        this.plainVerticesHigh = new Float32Array(gridSize3);
+        this.plainVerticesLow = new Float32Array(gridSize3);
+        this.normalMapNormals = new Float32Array(gsgs * 3);
+        this.normalMapVertices = new Float64Array(gsgs * 3);
+        this.normalMapVerticesHigh = new Float32Array(gsgs * 3);
+        this.normalMapVerticesLow = new Float32Array(gsgs * 3);
+        let verts = this.plainVertices, vertsHigh = this.plainVerticesHigh, vertsLow = this.plainVerticesLow, norms = this.plainNormals, nmVerts = this.normalMapVertices, nmVertsHigh = this.normalMapVerticesHigh, nmVertsLow = this.normalMapVerticesLow, nmNorms = this.normalMapNormals;
+        for (let k = 0; k < gsgs; k++) {
+            let j = k % gs, i = ~~(k / gs);
+            let v = this.planet.ellipsoid.lonLatToCartesian(LonLat.inverseMercator(esw_lon + j * llStep, ene_lat - i * llStep));
+            let nx = v.x * r2.x, ny = v.y * r2.y, nz = v.z * r2.z;
+            let l = 1.0 / Math.sqrt(nx * nx + ny * ny + nz * nz);
+            let nxl = nx * l, nyl = ny * l, nzl = nz * l;
+            Vec3.doubleToTwoFloats(v, _tempHigh, _tempLow);
+            nmVerts[nmInd] = v.x;
+            nmVertsHigh[nmInd] = _tempHigh.x;
+            nmVertsLow[nmInd] = _tempLow.x;
+            nmNorms[nmInd++] = nxl;
+            nmVerts[nmInd] = v.y;
+            nmVertsHigh[nmInd] = _tempHigh.y;
+            nmVertsLow[nmInd] = _tempLow.y;
+            nmNorms[nmInd++] = nyl;
+            nmVerts[nmInd] = v.z;
+            nmVertsHigh[nmInd] = _tempHigh.z;
+            nmVertsLow[nmInd] = _tempLow.z;
+            nmNorms[nmInd++] = nzl;
+            if (i % dg === 0 && j % dg === 0) {
+                verts[ind] = v.x;
+                vertsHigh[ind] = _tempHigh.x;
+                vertsLow[ind] = _tempLow.x;
+                norms[ind++] = nxl;
+                verts[ind] = v.y;
+                vertsHigh[ind] = _tempHigh.y;
+                vertsLow[ind] = _tempLow.y;
+                norms[ind++] = nyl;
+                verts[ind] = v.z;
+                vertsHigh[ind] = _tempHigh.z;
+                vertsLow[ind] = _tempLow.z;
+                norms[ind++] = nzl;
+            }
+        }
+        this.terrainVertices = verts;
+        this.terrainVerticesHigh = vertsHigh;
+        this.terrainVerticesLow = vertsLow;
+        this.plainReady = true;
+    }
+    /**
+     * Gets specific layer material.
+     * @public
+     * @param {Layer} layer - Layer object.
+     * @returns {Material | undefined} - Segment material.
+     */
+    getMaterialByLayer(layer) {
+        return this.materials[layer.__id];
+    }
+    /**
+     * @param layer
+     * @protected
+     *
+     * @todo siplify layer._extentMerc in this.getLayerExtent(layer)
+     *
+     */
+    _getLayerExtentOffset(layer) {
+        const v0s = layer._extentMerc;
+        const v0t = this._extent;
+        const sSize_x = v0s.northEast.lon - v0s.southWest.lon;
+        const sSize_y = v0s.northEast.lat - v0s.southWest.lat;
+        const dV0s_x = (v0t.southWest.lon - v0s.southWest.lon) / sSize_x;
+        const dV0s_y = (v0s.northEast.lat - v0t.northEast.lat) / sSize_y;
+        const dSize_x = (v0t.northEast.lon - v0t.southWest.lon) / sSize_x;
+        const dSize_y = (v0t.northEast.lat - v0t.southWest.lat) / sSize_y;
+        return [dV0s_x, dV0s_y, dSize_x, dSize_y];
+    }
+    screenRendering(sh, layerSlice, sliceIndex, defaultTexture, isOverlay = false) {
+        const gl = this.handler.gl;
+        const sha = sh.attributes;
+        const shu = sh.uniforms;
+        const pm = this.materials;
+        const p = this.planet;
+        let currHeight, li;
+        if (layerSlice && layerSlice.length) {
+            li = layerSlice[0];
+            currHeight = li._height;
+        }
+        else {
+            currHeight = 0;
+        }
+        // First always draw whole planet base layer segment with solid texture.
+        gl.activeTexture(gl.TEXTURE0 + p.SLICE_SIZE + 2);
+        gl.bindTexture(gl.TEXTURE_2D, (defaultTexture || this.getDefaultTexture()));
+        gl.uniform1i(shu.defaultTexture, p.SLICE_SIZE + 2);
+        let n = 0, i = 0;
+        let notEmpty = false;
+        let slice = this._slices[sliceIndex];
+        if (!slice) {
+            slice = this._slices[sliceIndex] = new Slice(this);
+        }
+        else {
+            //TODO: optimization!!!
+            slice.layers = [];
+        }
+        this._indexBuffer = this._getIndexBuffer();
+        while (li) {
+            if (this.layerOverlap(li) &&
+                ((li._fading && li._fadingOpacity > 0.0) ||
+                    ((li.minZoom >= p.minCurrZoom || li.maxZoom >= p.minCurrZoom) &&
+                        (li.minZoom <= p.maxCurrZoom || li.maxZoom <= p.maxCurrZoom)))) {
+                notEmpty = true;
+                let m = pm[li.__id];
+                if (!m) {
+                    m = pm[li.__id] = li.createMaterial(this);
+                }
+                if (!m.isReady) {
+                    this.planet._renderCompleted = false;
+                }
+                slice.append(li, m);
+                p._samplerArr[n] = n;
+                gl.activeTexture(gl.TEXTURE0 + n);
+                gl.bindTexture(gl.TEXTURE_2D, (m.texture || p.transparentTexture));
+                n++;
+            }
+            i++;
+            li = layerSlice[i];
+        }
+        if (notEmpty || !isOverlay) {
+            gl.uniform1i(shu.samplerCount, n);
+            gl.uniform1f(shu.height, currHeight);
+            gl.uniform1iv(shu.samplerArr, p._samplerArr);
+            //slice.uniform(gl, shu);
+            gl.uniform4fv(shu.tileOffsetArr, slice.tileOffsetArr);
+            gl.uniform1fv(shu.layerOpacityArr, slice.layerOpacityArr);
+            //gl.uniform4fv(shu.visibleExtentOffsetArr, slice.visibleExtentOffsetArr);
+            // bind normalmap texture
+            if (p.lightEnabled) {
+                gl.activeTexture(gl.TEXTURE0 + p.SLICE_SIZE + 3);
+                gl.bindTexture(gl.TEXTURE_2D, (this.normalMapTexture || p.transparentTexture));
+                gl.uniform1i(shu.uNormalMap, p.SLICE_SIZE + 3);
+                gl.uniform3fv(shu.uNormalMapBias, this.normalMapTextureBias);
+                // bind segment specular and night material texture coordinates
+                gl.uniform4fv(shu.uGlobalTextureCoord, this._globalTextureCoordinates);
+            }
+            gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexPositionBufferHigh);
+            gl.vertexAttribPointer(sha.aVertexPositionHigh, this.vertexPositionBufferHigh.itemSize, gl.FLOAT, false, 0, 0);
+            gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexPositionBufferLow);
+            gl.vertexAttribPointer(sha.aVertexPositionLow, this.vertexPositionBufferLow.itemSize, gl.FLOAT, false, 0, 0);
+            gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexTextureCoordBuffer);
+            gl.vertexAttribPointer(sha.aTextureCoord, 2, gl.UNSIGNED_SHORT, true, 0, 0);
+            gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this._indexBuffer);
+            gl.drawElements(p.drawMode, this._indexBuffer.numItems, gl.UNSIGNED_INT, 0);
+        }
+    }
+    heightPickingRendering(sh, layerSlice) {
+        const gl = this.handler.gl;
+        const sha = sh.attributes;
+        const shu = sh.uniforms;
+        // var pm = this.materials,
+        //     p = this.planet;
+        let currHeight;
+        if (layerSlice && layerSlice.length) {
+            currHeight = layerSlice[0]._height;
+        }
+        else {
+            currHeight = 0;
+        }
+        gl.uniform1f(shu.height, currHeight);
+        gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexPositionBufferHigh);
+        gl.vertexAttribPointer(sha.aVertexPositionHigh, this.vertexPositionBufferHigh.itemSize, gl.FLOAT, false, 0, 0);
+        gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexPositionBufferLow);
+        gl.vertexAttribPointer(sha.aVertexPositionLow, this.vertexPositionBufferLow.itemSize, gl.FLOAT, false, 0, 0);
+        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this._indexBuffer);
+        gl.drawElements(gl.TRIANGLE_STRIP, this._indexBuffer.numItems, gl.UNSIGNED_INT, 0);
+    }
+    colorPickingRendering(sh, layerSlice, sliceIndex, defaultTexture, isOverlay = false) {
+        const gl = this.handler.gl;
+        const sha = sh.attributes;
+        const shu = sh.uniforms;
+        let pm = this.materials, p = this.planet;
+        let currHeight;
+        if (layerSlice && layerSlice.length) {
+            currHeight = layerSlice[0]._height;
+        }
+        else {
+            currHeight = 0;
+        }
+        let notEmpty = false;
+        let slice = this._slices[sliceIndex];
+        let len = slice.layers.length;
+        for (let n = 0; n < len; n++) {
+            notEmpty = true;
+            let li = slice.layers[n];
+            let n4 = n * 4;
+            p._pickingColorArr[n4] = li._pickingColor.x / 255.0;
+            p._pickingColorArr[n4 + 1] = li._pickingColor.y / 255.0;
+            p._pickingColorArr[n4 + 2] = li._pickingColor.z / 255.0;
+            p._pickingColorArr[n4 + 3] = Number(li._pickingEnabled);
+            p._samplerArr[n] = n;
+            gl.activeTexture(gl.TEXTURE0 + n);
+            gl.bindTexture(gl.TEXTURE_2D, (pm[li.__id].texture || this.planet.transparentTexture));
+            p._pickingMaskArr[n] = n + p.SLICE_SIZE;
+            gl.activeTexture(gl.TEXTURE0 + n + p.SLICE_SIZE);
+            gl.bindTexture(gl.TEXTURE_2D, (pm[li.__id].pickingMask || this.planet.transparentTexture));
+        }
+        if (notEmpty || !isOverlay) {
+            gl.uniform1i(shu.samplerCount, len);
+            gl.uniform1f(shu.height, currHeight);
+            gl.uniform1iv(shu.samplerArr, p._samplerArr);
+            gl.uniform1iv(shu.pickingMaskArr, p._pickingMaskArr);
+            gl.uniform4fv(shu.pickingColorArr, p._pickingColorArr);
+            //slice.uniform(gl, shu);
+            gl.uniform4fv(shu.tileOffsetArr, slice.tileOffsetArr);
+            gl.uniform1fv(shu.layerOpacityArr, slice.layerOpacityArr);
+            //gl.uniform4fv(shu.visibleExtentOffsetArr, slice.visibleExtentOffsetArr);
+            gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexPositionBufferHigh);
+            gl.vertexAttribPointer(sha.aVertexPositionHigh, this.vertexPositionBufferHigh.itemSize, gl.FLOAT, false, 0, 0);
+            gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexPositionBufferLow);
+            gl.vertexAttribPointer(sha.aVertexPositionLow, this.vertexPositionBufferLow.itemSize, gl.FLOAT, false, 0, 0);
+            gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexTextureCoordBuffer);
+            gl.vertexAttribPointer(sha.aTextureCoord, 2, gl.UNSIGNED_SHORT, true, 0, 0);
+            gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this._indexBuffer);
+            gl.drawElements(gl.TRIANGLE_STRIP, this._indexBuffer.numItems, gl.UNSIGNED_INT, 0);
+        }
+    }
+    depthRendering(sh, layerSlice) {
+        const gl = this.handler.gl;
+        const sha = sh.attributes;
+        const shu = sh.uniforms;
+        var currHeight;
+        if (layerSlice && layerSlice.length) {
+            currHeight = layerSlice[0]._height;
+        }
+        else {
+            currHeight = 0;
+        }
+        gl.uniform1f(shu.height, currHeight);
+        gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexPositionBufferHigh);
+        gl.vertexAttribPointer(sha.aVertexPositionHigh, this.vertexPositionBufferHigh.itemSize, gl.FLOAT, false, 0, 0);
+        gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexPositionBufferLow);
+        gl.vertexAttribPointer(sha.aVertexPositionLow, this.vertexPositionBufferLow.itemSize, gl.FLOAT, false, 0, 0);
+        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this._indexBuffer);
+        gl.drawElements(gl.TRIANGLE_STRIP, this._indexBuffer.numItems, gl.UNSIGNED_INT, 0);
+    }
+    _getIndexBuffer() {
+        const s = this.node.sideSizeLog2;
+        let cache = this.planet._indexesCache[Math.log2(this.gridSize)][s[0]][s[1]][s[2]][s[3]];
+        if (!cache.buffer) {
+            let indexes = segmentHelper.getInstance().createSegmentIndexes(Math.log2(this.gridSize), [s[0], s[1], s[2], s[3]]);
+            cache.buffer = this.planet.renderer.handler.createElementArrayBuffer(indexes, 1);
+            this.planet._indexesCacheToRemoveCounter++;
+        }
+        return cache.buffer;
+    }
+    /**
+     * @todo: replace to the strategy
+     */
+    _collectVisibleNodes() {
+        this.planet._visibleNodes[this.node.nodeId] = this.node;
+    }
+    layerOverlap(layer) {
+        return this._extent.overlaps(layer._extentMerc);
+    }
+    getDefaultTexture() {
+        return this.planet.solidTextureOne;
+    }
+    getExtentLonLat() {
+        return this._extentLonLat;
+    }
+    getExtentMerc() {
+        return this._extentMerc;
+    }
+    getExtent() {
+        return this._extent;
+    }
+    /**
+     * @todo replace to the strategy
+     */
+    getNodeState() {
+        let vn = this.planet._visibleNodes[this.node.nodeId];
+        return (vn && vn.state) || NOTRENDERING;
+    }
+    getNeighborSide(b) {
+        if (this.tileY === b.tileY) {
+            if (this.tileX === b.tileXE) {
+                return W;
+            }
+            else if (this.tileX === b.tileXW) {
+                return E;
+            }
+        }
+        else if (this.tileX === b.tileX) {
+            if (this.tileY === b.tileYS) {
+                return N;
+            }
+            else if (this.tileY === b.tileYN) {
+                return S;
+            }
+        }
+        return -1;
+    }
+}
+export { Segment };