@openglobus/og 0.11.5 → 0.12.0

package/src/og/layer/GeoVideo.js

@@ -211,14 +211,10 @@ class GeoVideo extends BaseGeoImage {
         var sha = sh.attributes,
             shu = sh.uniforms;
 
-        var tr = this.transparentColor[0],
-            tg = this.transparentColor[1],
-            tb = this.transparentColor[2];
-
         gl.disable(gl.CULL_FACE);
 
         f.bindOutputTexture(this._materialTexture);
-        gl.clearColor(tr, tg, tb, 0.0);
+        gl.clearColor(0.0, 0.0, 0.0, 0.0);
         gl.clear(gl.COLOR_BUFFER_BIT);
         gl.bindBuffer(gl.ARRAY_BUFFER, creator._texCoordsBuffer);
 
@@ -265,14 +261,10 @@ class GeoVideo extends BaseGeoImage {
         var sha = sh.attributes,
             shu = sh.uniforms;
 
-        var tr = this.transparentColor[0],
-            tg = this.transparentColor[1],
-            tb = this.transparentColor[2];
-
         gl.disable(gl.CULL_FACE);
 
         f.bindOutputTexture(this._materialTexture);
-        gl.clearColor(tr, tg, tb, 0.0);
+        gl.clearColor(0.0, 0.0, 0.0, 0.0);
         gl.clear(gl.COLOR_BUFFER_BIT);
         gl.bindBuffer(gl.ARRAY_BUFFER, creator._texCoordsBuffer);
 

package/src/og/layer/KML.js

@@ -2,11 +2,11 @@
  * @module og/layer/KML
  */
 
-'use strict';
-import { Entity } from '../entity/Entity.js';
-import { Extent } from '../Extent.js';
-import { LonLat } from '../LonLat.js';
-import { Vector } from './Vector.js';
+"use strict";
+import { Entity } from "../entity/Entity.js";
+import { Extent } from "../Extent.js";
+import { LonLat } from "../LonLat.js";
+import { Vector } from "./Vector.js";
 
 /**
  * Layer to render KMLs files
@@ -14,32 +14,39 @@ import { Vector } from './Vector.js';
  * @extends {Vector}
  */
 export class KML extends Vector {
-
     /**
-     * 
-     * @param {string} name 
+     *
+     * @param {string} name
      * @param {*} [options]
      */
     constructor(name, options = {}) {
         super(name, options);
         this._extent = null;
-        this._billboard = options.billboard || { src: 'https://openglobus.org/examples/billboards/carrot.png' };
+        this._billboard = options.billboard || {
+            src: "https://openglobus.org/examples/billboards/carrot.png"
+        };
         /**
          * @type {string}
          */
-        this._color = options.color || '#6689db';
+        this._color = options.color || "#6689db";
     }
 
     get instanceName() {
-        return 'KML';
+        return "KML";
     }
 
     /**
      * @private
      */
     _extractCoordonatesFromKml(xmlDoc) {
-        const raw = Array.from(xmlDoc.getElementsByTagName('coordinates'));
-        const coordinates = raw.map(item => item.textContent.trim().replace(/\n/g, ' ').split(' ').map(co => co.split(',').map(parseFloat)));
+        const raw = Array.from(xmlDoc.getElementsByTagName("coordinates"));
+        const coordinates = raw.map((item) =>
+            item.textContent
+                .trim()
+                .replace(/\n/g, " ")
+                .split(" ")
+                .map((co) => co.split(",").map(parseFloat))
+        );
         return coordinates;
     }
 
@@ -47,32 +54,35 @@ export class KML extends Vector {
      * Creates billboards or polylines from array of lonlat.
      * @private
      * @param {Array} coordonates
-     * @param {string} color 
+     * @param {string} color
      * @returns {Array<Entity>}
      */
     _convertCoordonatesIntoEntities(coordinates, color, billboard) {
         const extent = new Extent(new LonLat(180.0, 90.0), new LonLat(-180.0, -90.0));
         const addToExtent = (c) => {
-            const lon = c[0], lat = c[1];
+            const lon = c[0],
+                lat = c[1];
             if (lon < extent.southWest.lon) extent.southWest.lon = lon;
             if (lat < extent.southWest.lat) extent.southWest.lat = lat;
             if (lon > extent.northEast.lon) extent.northEast.lon = lon;
             if (lat > extent.northEast.lat) extent.northEast.lat = lat;
         };
         const _pathes = [];
-        coordinates.forEach(kmlFile => kmlFile.forEach(p => _pathes.push(p)));
-        const entities = _pathes.map(path => {
+        coordinates.forEach((kmlFile) => kmlFile.forEach((p) => _pathes.push(p)));
+        const entities = _pathes.map((path) => {
             if (path.length === 1) {
                 const lonlat = path[0];
                 const _entity = new Entity({ lonlat, billboard });
                 addToExtent(lonlat);
                 return _entity;
             } else if (path.length > 1) {
-                const pathLonLat = path.map(item => {
+                const pathLonLat = path.map((item) => {
                     addToExtent(item);
                     return new LonLat(item[0], item[1], item[2]);
                 });
-                const _entity = new Entity({ polyline: { pathLonLat: [pathLonLat], thickness: 3, color, isClosed: false } });
+                const _entity = new Entity({
+                    polyline: { pathLonLat: [pathLonLat], thickness: 3, color, isClosed: false }
+                });
                 return _entity;
             }
         });
@@ -84,9 +94,10 @@ export class KML extends Vector {
      * @returns {Document}
      */
     _getXmlContent(file) {
-        return new Promise(resolve => {
+        return new Promise((resolve) => {
             const fileReader = new FileReader();
-            fileReader.onload = async i => resolve((new DOMParser()).parseFromString(i.target.result, 'text/xml'));
+            fileReader.onload = async (i) =>
+                resolve(new DOMParser().parseFromString(i.target.result, "text/xml"));
             fileReader.readAsText(file);
         });
     }
@@ -96,10 +107,14 @@ export class KML extends Vector {
      */
     _expandExtents(extent1, extent2) {
         if (!extent1) return extent2;
-        if (extent2.southWest.lon < extent1.southWest.lon) extent1.southWest.lon = extent2.southWest.lon;
-        if (extent2.southWest.lat < extent1.southWest.lat) extent1.southWest.lat = extent2.southWest.lat;
-        if (extent2.northEast.lon > extent1.northEast.lon) extent1.northEast.lon = extent2.northEast.lon;
-        if (extent2.northEast.lat > extent1.northEast.lat) extent1.northEast.lat = extent2.northEast.lat;
+        if (extent2.southWest.lon < extent1.southWest.lon)
+            extent1.southWest.lon = extent2.southWest.lon;
+        if (extent2.southWest.lat < extent1.southWest.lat)
+            extent1.southWest.lat = extent2.southWest.lat;
+        if (extent2.northEast.lon > extent1.northEast.lon)
+            extent1.northEast.lon = extent2.northEast.lon;
+        if (extent2.northEast.lat > extent1.northEast.lat)
+            extent1.northEast.lat = extent2.northEast.lat;
         return extent1;
     }
 
@@ -111,14 +126,18 @@ export class KML extends Vector {
     async addKmlFromFiles(kmls) {
         const kmlObjs = await Promise.all(kmls.map(this._getXmlContent));
         const coordonates = kmlObjs.map(this._extractCoordonatesFromKml);
-        const { entities, extent } = this._convertCoordonatesIntoEntities(coordonates, this._color, this._billboard);
+        const { entities, extent } = this._convertCoordonatesIntoEntities(
+            coordonates,
+            this._color,
+            this._billboard
+        );
         this._extent = this._expandExtents(this._extent, extent);
         entities.forEach(this.add.bind(this));
         return { entities, extent };
     }
 
     /**
-     * @param {string} color 
+     * @param {string} color
      * @public
      */
     setColor(color) {
@@ -132,14 +151,14 @@ export class KML extends Vector {
     _getKmlFromUrl(url) {
         return new Promise((resolve, reject) => {
             const request = new XMLHttpRequest();
-            request.open('GET', url, true);
-            request.responseType = 'document';
-            request.overrideMimeType('text/xml');
+            request.open("GET", url, true);
+            request.responseType = "document";
+            request.overrideMimeType("text/xml");
             request.onload = () => {
                 if (request.readyState === request.DONE && request.status === 200) {
                     resolve(request.responseXML);
                 } else {
-                    reject(new Error('no valid kml file'));
+                    reject(new Error("no valid kml file"));
                 }
             };
             request.send();
@@ -154,10 +173,13 @@ export class KML extends Vector {
     async addKmlFromUrl(url) {
         const kml = await this._getKmlFromUrl(url);
         const coordonates = this._extractCoordonatesFromKml(kml);
-        const { entities, extent } = this._convertCoordonatesIntoEntities([coordonates], this._color, this._billboard);
+        const { entities, extent } = this._convertCoordonatesIntoEntities(
+            [coordonates],
+            this._color,
+            this._billboard
+        );
         this._extent = this._expandExtents(this._extent, extent);
         entities.forEach(this.add.bind(this));
         return { entities, extent };
     }
-
 }

package/src/og/layer/Layer.js

@@ -11,7 +11,6 @@ import { Extent } from "../Extent.js";
 import { LonLat } from "../LonLat.js";
 import { Material } from "./Material.js";
 import { Vec3 } from "../math/Vec3.js";
-import { createTexture } from "../webgl/Handler.js";
 
 export const FADING_FACTOR = 0.29;
 
@@ -23,18 +22,14 @@ export const FADING_FACTOR = 0.29;
  * @param {String} [name="noname"] - Layer name.
  * @param {Object} [options] - Layer options:
  * @param {number} [options.opacity=1.0] - Layer opacity.
- * @param {Array.<number>} [options.transparentColor=[-1,-1,-1]] - RGB color that defines transparent color. (exactly 3 entries)
  * @param {number} [options.minZoom=0] - Minimal visibility zoom level.
  * @param {number} [options.maxZoom=0] - Maximal visibility zoom level.
  * @param {string} [options.attribution] - Layer attribution that displayed in the attribution area on the screen.
  * @param {boolean} [options.isBaseLayer=false] - This is a base layer.
  * @param {boolean} [options.visibility=true] - Layer visibility.
+ * @param {boolean} [options.isSRGB=false] - Layer image webgl nternal format.
  * @param {Extent} [options.extent=[[-180.0, -90.0], [180.0, 90.0]]] - Visible extent.
- * @param {Vec3} [options.ambient=[0.1, 0.1, 0.21]] - Ambient RGB color.
- * @param {Vec3} [options.diffuse=[1.0, 1.0, 1.0]] - Diffuse RGB color.
- * @param {Vec3} [options.specular=[0.00025, 0.00015, 0.0001]] - Specular RGB color.
- * @param {string} [options.textureFilter=["anisotrophyc"]] - Image texture filter. Available values: "nearest", "linear", "mipmap" and "anisotrophic".
- * @param {Number} [options.shininess=100] - Shininess.
+ * @param {string} [options.textureFilter="anisotropic"] - Image texture filter. Available values: "nearest", "linear", "mipmap" and "anisotropic".
  *
  * @fires og.Layer#visibilitychange
  * @fires og.Layer#add
@@ -86,13 +81,6 @@ class Layer {
          */
         this._opacity = options.opacity || 1.0;
 
-        /**
-         * Transparent RGB color mask.
-         * @public
-         * @type {Array.<number>} - (exactly 3 entries)
-         */
-        this.transparentColor = options.transparentColor || [-1, -1, -1];
-
         /**
          * Minimal zoom level when layer is visibile.
          * @public
@@ -107,16 +95,6 @@ class Layer {
          */
         this.maxZoom = options.maxZoom || 50;
 
-        /**
-         * Layer light material parameters.
-         * @public
-         * @type {Object}
-         */
-        this.ambient = utils.createColorRGB(options.ambient, new Vec3(0.1, 0.1, 0.21));
-        this.diffuse = utils.createColorRGB(options.diffuse, new Vec3(0.5, 0.5, 0.35));
-        this.specular = utils.createColorRGB(options.specular, new Vec3(0.0003, 0.00012, 0.00001));
-        this.shininess = options.shininess || 20.0;
-
         /**
          * Planet node.
          * @protected
@@ -185,13 +163,13 @@ class Layer {
          */
         this._extent = null;
 
-        if (options.textureFilter) {
-            this.createTexture =
-                createTexture[options.textureFilter.trim().toUpperCase()] ||
-                createTexture.ANISOTROPHIC;
-        } else {
-            this.createTexture = createTexture.ANISOTROPHIC;
-        }
+        this.createTexture = null;
+
+        this._textureFilter = options.textureFilter ? options.textureFilter.trim().toUpperCase() : "MIPMAP";
+
+        this._isSRGB = options.isSRGB != undefined ? options.isSRGB : false;
+
+        this._internalFormat = null;
 
         /**
          * Visible mercator extent.
@@ -333,7 +311,16 @@ class Layer {
      * @virtual
      * @param {Planet} planet - Planet render node.
      */
-    _assignPlanet(planet) {
+    _assignPlanet(planet) {
+        // TODO: webgl1
+        if (this._isSRGB) {
+            this._internalFormat = planet.renderer.handler.gl.SRGB8_ALPHA8;
+        } else {
+            this._internalFormat = planet.renderer.handler.gl.RGBA8;
+        }
+
+        this.createTexture = planet.renderer.handler.createTexture[this._textureFilter];
+
         planet.layers.push(this);
         this._planet = planet;
         this.events.on("visibilitychange", planet._onLayerVisibilityChanged, planet);
@@ -396,7 +383,11 @@ class Layer {
      * @virtual
      */
     clear() {
-        this._planet && this._planet._clearLayerMaterial(this);
+        if (this._planet) {
+            this._planet._clearLayerMaterial(this);
+            this._internalFormat = null;
+            this.createTexture = null;
+        }
     }
 
     /**

package/src/og/layer/Material.js

@@ -44,7 +44,7 @@ class Material {
     }
 
     _createTexture(img) {
-        return this.layer.createTexture(this.segment.handler, img);
+        return this.layer.createTexture(img, this.layer._internalFormat);
     }
 
     /**

package/src/og/layer/Vector.js

@@ -2,19 +2,22 @@
  * @module og/layer/Vector
  */
 
-'use strict';
-
-import * as math from '../math.js';
-import * as mercator from '../mercator.js';
-import * as quadTree from '../quadTree/quadTree.js';
-import { Entity } from '../entity/Entity.js';
-import { EntityCollection } from '../entity/EntityCollection.js';
-import { Extent } from '../Extent.js';
-import { EntityCollectionNode, EntityCollectionNodeWGS84 } from '../quadTree/EntityCollectionNode.js';
-import { GeometryHandler } from '../entity/GeometryHandler.js';
-import { Layer } from './Layer.js';
-import { QueueArray } from '../QueueArray.js';
-import { Vec3 } from '../math/Vec3.js';
+"use strict";
+
+import * as math from "../math.js";
+import * as mercator from "../mercator.js";
+import * as quadTree from "../quadTree/quadTree.js";
+import { Entity } from "../entity/Entity.js";
+import { EntityCollection } from "../entity/EntityCollection.js";
+import { Extent } from "../Extent.js";
+import {
+    EntityCollectionNode,
+    EntityCollectionNodeWGS84
+} from "../quadTree/EntityCollectionNode.js";
+import { GeometryHandler } from "../entity/GeometryHandler.js";
+import { Layer } from "./Layer.js";
+import { QueueArray } from "../QueueArray.js";
+import { Vec3 } from "../math/Vec3.js";
 
 /**
  * Creates entity instance array.
@@ -68,13 +71,11 @@ function _entitiesConstructor(entities) {
  * @fires og.layer.Vector#visibilitychange
  */
 class Vector extends Layer {
-
     /**
-     * @param {string} name 
+     * @param {string} name
      * @param {*} [options]
      */
     constructor(name, options = {}) {
-
         super(name, options);
 
         this.events.registerNames(EVENT_NAMES);
@@ -160,14 +161,16 @@ class Vector extends Layer {
          * @public
          * @type {Number}
          */
-        this.polygonOffsetFactor = options.polygonOffsetFactor != undefined ? options.polygonOffsetFactor : 0.0;
+        this.polygonOffsetFactor =
+            options.polygonOffsetFactor != undefined ? options.polygonOffsetFactor : 0.0;
 
         /**
          * Specifies the scale Units for gl.polygonOffset function to calculate depth values, 0.0 is default.
          * @public
          * @type {Number}
          */
-        this.polygonOffsetUnits = options.polygonOffsetUnits != undefined ? options.polygonOffsetUnits : -637000.0;
+        this.polygonOffsetUnits =
+            options.polygonOffsetUnits != undefined ? options.polygonOffsetUnits : -637000.0;
 
         this.pickingEnabled = this._pickingEnabled;
     }
@@ -277,7 +280,6 @@ class Vector extends Layer {
     }
 
     _proceedEntity(entity, rightNow) {
-
         let temp = this._hasImageryTiles;
 
         //
@@ -302,9 +304,10 @@ class Vector extends Layer {
 
         if (entity.billboard || entity.label) {
             if (this._planet) {
-
                 if (entity._cartesian.isZero() && !entity._lonlat.isZero()) {
-                    entity._setCartesian3vSilent(this._planet.ellipsoid.lonLatToCartesian(entity._lonlat));
+                    entity._setCartesian3vSilent(
+                        this._planet.ellipsoid.lonLatToCartesian(entity._lonlat)
+                    );
                 } else {
                     entity._lonlat = this._planet.ellipsoid.cartesianToLonLat(entity._cartesian);
                 }
@@ -367,15 +370,17 @@ class Vector extends Layer {
                     node.count--;
                     node = node.parentNode;
                 }
-                if (entity._nodePtr && entity._nodePtr.count === 0 &&
-                    entity._nodePtr.deferredEntities.length === 0) {
+                if (
+                    entity._nodePtr &&
+                    entity._nodePtr.count === 0 &&
+                    entity._nodePtr.deferredEntities.length === 0
+                ) {
                     entity._nodePtr.entityCollection = null;
                     //
                     // ...
                     //
                 }
-            } else if (entity._nodePtr &&
-                entity._nodePtr.deferredEntities.length) {
+            } else if (entity._nodePtr && entity._nodePtr.deferredEntities.length) {
                 var defEntities = entity._nodePtr.deferredEntities;
                 var j = defEntities.length;
                 while (j--) {
@@ -478,7 +483,6 @@ class Vector extends Layer {
      * @public
      */
     clear() {
-
         let temp = new Array(this._entities.length);
 
         for (let i = 0; i < temp.length; i++) {
@@ -521,7 +525,6 @@ class Vector extends Layer {
      * @returns {layer.Vector} - Returns layer instance.
      */
     setEntities(entities) {
-
         let temp = new Array(entities.length);
         for (let i = 0, len = entities.length; i < len; i++) {
             temp[i] = entities[i];
@@ -573,12 +576,33 @@ class Vector extends Layer {
 
     _createEntityCollectionsTree(entitiesForTree) {
         if (this._planet) {
-            this._entityCollectionsTree = new EntityCollectionNode(this, quadTree.NW, null, 0,
-                Extent.createFromArray([-20037508.34, -20037508.34, 20037508.34, 20037508.34]), this._planet, 0);
-            this._entityCollectionsTreeNorth = new EntityCollectionNodeWGS84(this, quadTree.NW, null, 0,
-                Extent.createFromArray([-180, mercator.MAX_LAT, 180, 90]), this._planet, 0);
-            this._entityCollectionsTreeSouth = new EntityCollectionNodeWGS84(this, quadTree.NW, null, 0,
-                Extent.createFromArray([-180, -90, 180, mercator.MIN_LAT]), this._planet, 0);
+            this._entityCollectionsTree = new EntityCollectionNode(
+                this,
+                quadTree.NW,
+                null,
+                0,
+                Extent.createFromArray([-20037508.34, -20037508.34, 20037508.34, 20037508.34]),
+                this._planet,
+                0
+            );
+            this._entityCollectionsTreeNorth = new EntityCollectionNodeWGS84(
+                this,
+                quadTree.NW,
+                null,
+                0,
+                Extent.createFromArray([-180, mercator.MAX_LAT, 180, 90]),
+                this._planet,
+                0
+            );
+            this._entityCollectionsTreeSouth = new EntityCollectionNodeWGS84(
+                this,
+                quadTree.NW,
+                null,
+                0,
+                Extent.createFromArray([-180, -90, 180, mercator.MIN_LAT]),
+                this._planet,
+                0
+            );
 
             for (let i = 0, len = entitiesForTree.length; i < len; i++) {
                 let entity = entitiesForTree[i];
@@ -682,7 +706,6 @@ class Vector extends Layer {
     }
 
     _collectStripCollectionPASS(outArr) {
-
         var ec = this._stripEntityCollection;
 
         ec._fadingOpacity = this._fadingOpacity;
@@ -699,7 +722,6 @@ class Vector extends Layer {
     }
 
     _collectPolylineCollectionPASS(outArr) {
-
         var ec = this._polylineEntityCollection;
 
         ec._fadingOpacity = this._fadingOpacity;
@@ -737,7 +759,12 @@ class Vector extends Layer {
                                 if (seg._extent.isInside(ll)) {
                                     let cart = p._path3v[c_j][c_j_h];
                                     seg.getTerrainPoint(cart, ll, res);
-                                    p.setPoint3v(res.addA(res.normal().scale((rtg && p.altitude) || 0.0)), c_j_h, c_j, true);
+                                    p.setPoint3v(
+                                        res.addA(res.normal().scale((rtg && p.altitude) || 0.0)),
+                                        c_j_h,
+                                        c_j,
+                                        true
+                                    );
                                     break;
                                 }
                             }
@@ -751,9 +778,10 @@ class Vector extends Layer {
     collectVisibleCollections(outArr) {
         var p = this._planet;
 
-        if ((this._fading && this._fadingOpacity > 0.0) ||
-            (this.minZoom <= this._planet.maxCurrZoom && this.maxZoom >= p.maxCurrZoom)) {
-
+        if (
+            (this._fading && this._fadingOpacity > 0.0) ||
+            (this.minZoom <= this._planet.maxCurrZoom && this.maxZoom >= p.maxCurrZoom)
+        ) {
             this._renderingNodes = {};
             this._renderingNodesNorth = {};
             this._renderingNodesSouth = {};
@@ -768,23 +796,41 @@ class Vector extends Layer {
             this._entityCollectionsTree.collectRenderCollectionsPASS1(p._visibleNodes, outArr);
             var i = this._secondPASS.length;
             while (i--) {
-                this._secondPASS[i].collectRenderCollectionsPASS2(p._visibleNodes, outArr, this._secondPASS[i].nodeId);
+                this._secondPASS[i].collectRenderCollectionsPASS2(
+                    p._visibleNodes,
+                    outArr,
+                    this._secondPASS[i].nodeId
+                );
             }
 
             // North nodes
             this._secondPASS = [];
-            this._entityCollectionsTreeNorth.collectRenderCollectionsPASS1(p._visibleNodesNorth, outArr);
+            this._entityCollectionsTreeNorth.collectRenderCollectionsPASS1(
+                p._visibleNodesNorth,
+                outArr
+            );
             i = this._secondPASS.length;
             while (i--) {
-                this._secondPASS[i].collectRenderCollectionsPASS2(p._visibleNodesNorth, outArr, this._secondPASS[i].nodeId);
+                this._secondPASS[i].collectRenderCollectionsPASS2(
+                    p._visibleNodesNorth,
+                    outArr,
+                    this._secondPASS[i].nodeId
+                );
             }
 
             // South nodes
             this._secondPASS = [];
-            this._entityCollectionsTreeSouth.collectRenderCollectionsPASS1(p._visibleNodesSouth, outArr);
+            this._entityCollectionsTreeSouth.collectRenderCollectionsPASS1(
+                p._visibleNodesSouth,
+                outArr
+            );
             i = this._secondPASS.length;
             while (i--) {
-                this._secondPASS[i].collectRenderCollectionsPASS2(p._visibleNodesSouth, outArr, this._secondPASS[i].nodeId);
+                this._secondPASS[i].collectRenderCollectionsPASS2(
+                    p._visibleNodesSouth,
+                    outArr,
+                    this._secondPASS[i].nodeId
+                );
             }
         }
     }
@@ -826,11 +872,12 @@ class Vector extends Layer {
      * @param {Segment.Material} material - Current material.
      */
     loadMaterial(material) {
-
         var seg = material.segment;
 
         if (this._isBaseLayer) {
-            material.texture = seg._isNorth ? seg.planet.solidTextureOne : seg.planet.solidTextureTwo;
+            material.texture = seg._isNorth
+                ? seg.planet.solidTextureOne
+                : seg.planet.solidTextureTwo;
         } else {
             material.texture = seg.planet.transparentTexture;
         }
@@ -856,7 +903,6 @@ class Vector extends Layer {
         if (material.isReady) {
             return [0, 0, 1, 1];
         } else {
-
             !material.isLoading && this.loadMaterial(material);
 
             var segment = material.segment;
@@ -961,4 +1007,4 @@ const EVENT_NAMES = [
     "entityremove"
 ];
 
-export { Vector };
+export { Vector };