@loaders.gl/tiles 3.4.0-alpha.2 → 3.4.0-alpha.4

package/dist/es5/tileset/tile-3d.js

@@ -25,9 +25,7 @@ var scratchVector = new _core.Vector3();
 function defined(x) {
   return x !== undefined && x !== null;
 }
-
 var Tile3D = function () {
-
   function Tile3D(tileset, header, parentHeader) {
     var extendedId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
     (0, _classCallCheck2.default)(this, Tile3D);
@@ -62,6 +60,7 @@ var Tile3D = function () {
     (0, _defineProperty2.default)(this, "_expireDate", void 0);
     (0, _defineProperty2.default)(this, "_expiredContent", void 0);
     (0, _defineProperty2.default)(this, "_shouldRefine", void 0);
+    (0, _defineProperty2.default)(this, "_boundingBox", void 0);
     (0, _defineProperty2.default)(this, "_distanceToCamera", void 0);
     (0, _defineProperty2.default)(this, "_centerZDepth", void 0);
     (0, _defineProperty2.default)(this, "_screenSpaceError", void 0);
@@ -79,34 +78,26 @@ var Tile3D = function () {
     (0, _defineProperty2.default)(this, "_viewerRequestVolume", void 0);
     (0, _defineProperty2.default)(this, "_initialTransform", void 0);
     this.header = header;
-
     this.tileset = tileset;
     this.id = extendedId || header.id;
     this.url = header.url;
-
     this.parent = parentHeader;
     this.refine = this._getRefine(header.refine);
     this.type = header.type;
     this.contentUrl = header.contentUrl;
-
     this.lodMetricType = 'geometricError';
     this.lodMetricValue = 0;
-
     this.boundingVolume = null;
-
     this.content = null;
     this.contentState = _constants.TILE_CONTENT_STATE.UNLOADED;
     this.gpuMemoryUsageInBytes = 0;
-
     this.children = [];
     this.hasEmptyContent = false;
     this.hasTilesetContent = false;
     this.depth = 0;
     this.viewportIds = [];
-
     this.userData = {};
     this.extensions = null;
-
     this._priority = 0;
     this._touchedFrame = 0;
     this._visitedFrame = 0;
@@ -131,9 +122,7 @@ var Tile3D = function () {
     this._initializeBoundingVolumes(header);
     this._initializeContent(header);
     this._initializeRenderingState(header);
-
     this._lodJudge = null;
-
     this._expireDate = null;
     this._expiredContent = null;
     this.implicitTiling = null;
@@ -164,81 +153,67 @@ var Tile3D = function () {
     get: function get() {
       return this._visible && this._inRequestVolume;
     }
-
   }, {
     key: "hasRenderContent",
-    get:
-    function get() {
+    get: function get() {
       return !this.hasEmptyContent && !this.hasTilesetContent;
     }
-
   }, {
     key: "hasChildren",
-    get:
-    function get() {
+    get: function get() {
       return this.children.length > 0 || this.header.children && this.header.children.length > 0;
     }
-
   }, {
     key: "contentReady",
-    get:
-    function get() {
+    get: function get() {
       return this.contentState === _constants.TILE_CONTENT_STATE.READY || this.hasEmptyContent;
     }
-
   }, {
     key: "contentAvailable",
-    get:
-    function get() {
+    get: function get() {
       return Boolean(this.contentReady && this.hasRenderContent || this._expiredContent && !this.contentFailed);
     }
-
   }, {
     key: "hasUnloadedContent",
-    get:
-    function get() {
+    get: function get() {
       return this.hasRenderContent && this.contentUnloaded;
     }
-
   }, {
     key: "contentUnloaded",
-    get:
-    function get() {
+    get: function get() {
       return this.contentState === _constants.TILE_CONTENT_STATE.UNLOADED;
     }
-
   }, {
     key: "contentExpired",
-    get:
-    function get() {
+    get: function get() {
       return this.contentState === _constants.TILE_CONTENT_STATE.EXPIRED;
     }
-
   }, {
     key: "contentFailed",
-    get:
-    function get() {
+    get: function get() {
       return this.contentState === _constants.TILE_CONTENT_STATE.FAILED;
     }
-
   }, {
     key: "distanceToCamera",
-    get:
-    function get() {
+    get: function get() {
       return this._distanceToCamera;
     }
-
   }, {
     key: "screenSpaceError",
-    get:
-    function get() {
+    get: function get() {
       return this._screenSpaceError;
     }
-
+  }, {
+    key: "boundingBox",
+    get: function get() {
+      if (!this._boundingBox) {
+        this._boundingBox = (0, _boundingVolume.getCartographicBounds)(this.header.boundingVolume, this.boundingVolume);
+      }
+      return this._boundingBox;
+    }
   }, {
     key: "getScreenSpaceError",
-    value:
-    function getScreenSpaceError(frameState, useParentLodMetric) {
+    value: function getScreenSpaceError(frameState, useParentLodMetric) {
       switch (this.tileset.type) {
         case _constants.TILESET_TYPE.I3S:
           return (0, _i3sLod.getProjectedRadius)(this, frameState);
@@ -248,23 +223,17 @@ var Tile3D = function () {
           throw new Error('Unsupported tileset type');
       }
     }
-
   }, {
     key: "unselect",
-    value:
-    function unselect() {
+    value: function unselect() {
       this._selectedFrame = 0;
     }
-
   }, {
     key: "_getPriority",
-    value:
-    function _getPriority() {
+    value: function _getPriority() {
       var traverser = this.tileset._traverser;
       var skipLevelOfDetail = traverser.options.skipLevelOfDetail;
-
       var maySkipTile = this.refine === _constants.TILE_REFINEMENT.ADD || skipLevelOfDetail;
-
       if (maySkipTile && !this.isVisible && this._visible !== undefined) {
         return -1;
       }
@@ -274,88 +243,83 @@ var Tile3D = function () {
       if (this.contentState === _constants.TILE_CONTENT_STATE.UNLOADED) {
         return -1;
       }
-
       var parent = this.parent;
       var useParentScreenSpaceError = parent && (!maySkipTile || this._screenSpaceError === 0.0 || parent.hasTilesetContent);
       var screenSpaceError = useParentScreenSpaceError ? parent._screenSpaceError : this._screenSpaceError;
       var rootScreenSpaceError = traverser.root ? traverser.root._screenSpaceError : 0.0;
-
       return Math.max(rootScreenSpaceError - screenSpaceError, 0);
     }
-
   }, {
     key: "loadContent",
     value: function () {
       var _loadContent = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee() {
         var expired, requestToken, contentUrl, loader, options;
         return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!this.hasEmptyContent) {
-                  _context.next = 2;
-                  break;
-                }
-                return _context.abrupt("return", false);
-              case 2:
-                if (!this.content) {
-                  _context.next = 4;
-                  break;
-                }
-                return _context.abrupt("return", true);
-              case 4:
-                expired = this.contentExpired;
-                if (expired) {
-                  this._expireDate = null;
-                }
-                this.contentState = _constants.TILE_CONTENT_STATE.LOADING;
-                _context.next = 9;
-                return this.tileset._requestScheduler.scheduleRequest(this.id, this._getPriority.bind(this));
-              case 9:
-                requestToken = _context.sent;
-                if (requestToken) {
-                  _context.next = 13;
-                  break;
-                }
-                this.contentState = _constants.TILE_CONTENT_STATE.UNLOADED;
-                return _context.abrupt("return", false);
-              case 13:
-                _context.prev = 13;
-                contentUrl = this.tileset.getTileUrl(this.contentUrl);
-                loader = this.tileset.loader;
-                options = _objectSpread(_objectSpread({}, this.tileset.loadOptions), {}, (0, _defineProperty2.default)({}, loader.id, _objectSpread(_objectSpread({}, this.tileset.loadOptions[loader.id]), {}, {
-                  isTileset: this.type === 'json'
-                }, this._getLoaderSpecificOptions(loader.id))));
-                _context.next = 19;
-                return (0, _core2.load)(contentUrl, loader, options);
-              case 19:
-                this.content = _context.sent;
-                if (!this.tileset.options.contentLoader) {
-                  _context.next = 23;
-                  break;
-                }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!this.hasEmptyContent) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return", false);
+            case 2:
+              if (!this.content) {
+                _context.next = 4;
+                break;
+              }
+              return _context.abrupt("return", true);
+            case 4:
+              expired = this.contentExpired;
+              if (expired) {
+                this._expireDate = null;
+              }
+              this.contentState = _constants.TILE_CONTENT_STATE.LOADING;
+              _context.next = 9;
+              return this.tileset._requestScheduler.scheduleRequest(this.id, this._getPriority.bind(this));
+            case 9:
+              requestToken = _context.sent;
+              if (requestToken) {
+                _context.next = 13;
+                break;
+              }
+              this.contentState = _constants.TILE_CONTENT_STATE.UNLOADED;
+              return _context.abrupt("return", false);
+            case 13:
+              _context.prev = 13;
+              contentUrl = this.tileset.getTileUrl(this.contentUrl);
+              loader = this.tileset.loader;
+              options = _objectSpread(_objectSpread({}, this.tileset.loadOptions), {}, (0, _defineProperty2.default)({}, loader.id, _objectSpread(_objectSpread({}, this.tileset.loadOptions[loader.id]), {}, {
+                isTileset: this.type === 'json'
+              }, this._getLoaderSpecificOptions(loader.id))));
+              _context.next = 19;
+              return (0, _core2.load)(contentUrl, loader, options);
+            case 19:
+              this.content = _context.sent;
+              if (!this.tileset.options.contentLoader) {
                 _context.next = 23;
-                return this.tileset.options.contentLoader(this);
-              case 23:
-                if (this._isTileset()) {
-                  this.tileset._initializeTileHeaders(this.content, this);
-                }
-                this.contentState = _constants.TILE_CONTENT_STATE.READY;
-                this._onContentLoaded();
-                return _context.abrupt("return", true);
-              case 29:
-                _context.prev = 29;
-                _context.t0 = _context["catch"](13);
-                this.contentState = _constants.TILE_CONTENT_STATE.FAILED;
-                throw _context.t0;
-              case 33:
-                _context.prev = 33;
-                requestToken.done();
-                return _context.finish(33);
-              case 36:
-              case "end":
-                return _context.stop();
-            }
+                break;
+              }
+              _context.next = 23;
+              return this.tileset.options.contentLoader(this);
+            case 23:
+              if (this._isTileset()) {
+                this.tileset._initializeTileHeaders(this.content, this);
+              }
+              this.contentState = _constants.TILE_CONTENT_STATE.READY;
+              this._onContentLoaded();
+              return _context.abrupt("return", true);
+            case 29:
+              _context.prev = 29;
+              _context.t0 = _context["catch"](13);
+              this.contentState = _constants.TILE_CONTENT_STATE.FAILED;
+              throw _context.t0;
+            case 33:
+              _context.prev = 33;
+              requestToken.done();
+              return _context.finish(33);
+            case 36:
+            case "end":
+              return _context.stop();
           }
         }, _callee, this, [[13, 29, 33, 36]]);
       }));
@@ -366,8 +330,7 @@ var Tile3D = function () {
     }()
   }, {
     key: "unloadContent",
-    value:
-    function unloadContent() {
+    value: function unloadContent() {
       if (this.content && this.content.destroy) {
         this.content.destroy();
       }
@@ -379,11 +342,9 @@ var Tile3D = function () {
       this.contentState = _constants.TILE_CONTENT_STATE.UNLOADED;
       return true;
     }
-
   }, {
     key: "updateVisibility",
-    value:
-    function updateVisibility(frameState, viewportIds) {
+    value: function updateVisibility(frameState, viewportIds) {
       if (this._frameNumber === frameState.frameNumber) {
         return;
       }
@@ -401,56 +362,41 @@ var Tile3D = function () {
       this._frameNumber = frameState.frameNumber;
       this.viewportIds = viewportIds;
     }
-
   }, {
     key: "visibility",
-    value:
-    function visibility(frameState, parentVisibilityPlaneMask) {
+    value: function visibility(frameState, parentVisibilityPlaneMask) {
       var cullingVolume = frameState.cullingVolume;
       var boundingVolume = this.boundingVolume;
-
       return cullingVolume.computeVisibilityWithPlaneMask(boundingVolume, parentVisibilityPlaneMask);
     }
-
   }, {
     key: "contentVisibility",
-    value:
-    function contentVisibility() {
+    value: function contentVisibility() {
       return true;
-
     }
-
   }, {
     key: "distanceToTile",
-    value:
-    function distanceToTile(frameState) {
+    value: function distanceToTile(frameState) {
       var boundingVolume = this.boundingVolume;
       return Math.sqrt(Math.max(boundingVolume.distanceSquaredTo(frameState.camera.position), 0));
     }
-
   }, {
     key: "cameraSpaceZDepth",
-    value:
-    function cameraSpaceZDepth(_ref) {
+    value: function cameraSpaceZDepth(_ref) {
       var camera = _ref.camera;
       var boundingVolume = this.boundingVolume;
       scratchVector.subVectors(boundingVolume.center, camera.position);
       return camera.direction.dot(scratchVector);
     }
-
   }, {
     key: "insideViewerRequestVolume",
-    value:
-    function insideViewerRequestVolume(frameState) {
+    value: function insideViewerRequestVolume(frameState) {
       var viewerRequestVolume = this._viewerRequestVolume;
       return !viewerRequestVolume || viewerRequestVolume.distanceSquaredTo(frameState.camera.position) <= 0;
     }
-
   }, {
     key: "updateExpiration",
-    value:
-
-    function updateExpiration() {
+    value: function updateExpiration() {
       if (defined(this._expireDate) && this.contentReady && !this.hasEmptyContent) {
         var now = Date.now();
         if (Date.lessThan(this._expireDate, now)) {
@@ -464,19 +410,15 @@ var Tile3D = function () {
     get: function get() {
       return this.header.extras;
     }
-
   }, {
     key: "_initializeLodMetric",
-    value:
-
-    function _initializeLodMetric(header) {
+    value: function _initializeLodMetric(header) {
       if ('lodMetricType' in header) {
         this.lodMetricType = header.lodMetricType;
       } else {
         this.lodMetricType = this.parent && this.parent.lodMetricType || this.tileset.lodMetricType;
         console.warn("3D Tile: Required prop lodMetricType is undefined. Using parent lodMetricType");
       }
-
       if ('lodMetricValue' in header) {
         this.lodMetricValue = header.lodMetricValue;
       } else {
@@ -511,21 +453,17 @@ var Tile3D = function () {
       };
       this.hasEmptyContent = true;
       this.contentState = _constants.TILE_CONTENT_STATE.UNLOADED;
-
       this.hasTilesetContent = false;
       if (tileHeader.contentUrl) {
         this.content = null;
         this.hasEmptyContent = false;
       }
     }
-
   }, {
     key: "_initializeRenderingState",
-    value:
-    function _initializeRenderingState(header) {
+    value: function _initializeRenderingState(header) {
       this.depth = header.level || (this.parent ? this.parent.depth + 1 : 0);
       this._shouldRefine = false;
-
       this._distanceToCamera = 0;
       this._centerZDepth = 0;
       this._screenSpaceError = 0;
@@ -561,7 +499,6 @@ var Tile3D = function () {
           break;
         default:
       }
-
       if (this._isTileset()) {
         this.hasTilesetContent = true;
       }
@@ -574,7 +511,6 @@ var Tile3D = function () {
       if (!content) {
         return;
       }
-
       if (content.boundingVolume) {
         this._contentBoundingVolume = (0, _boundingVolume.createBoundingVolume)(content.boundingVolume, this.computedTransform, this._contentBoundingVolume);
       }
@@ -582,11 +518,9 @@ var Tile3D = function () {
         this._viewerRequestVolume = (0, _boundingVolume.createBoundingVolume)(header.viewerRequestVolume, this.computedTransform, this._viewerRequestVolume);
       }
     }
-
   }, {
     key: "_updateTransform",
-    value:
-    function _updateTransform() {
+    value: function _updateTransform() {
       var parentTransform = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new _core.Matrix4();
       var computedTransform = parentTransform.clone().multiplyRight(this.transform);
       var didTransformChange = !computedTransform.equals(this.computedTransform);
@@ -596,11 +530,9 @@ var Tile3D = function () {
       this.computedTransform = computedTransform;
       this._updateBoundingVolume(this.header);
     }
-
   }, {
     key: "_getLoaderSpecificOptions",
-    value:
-    function _getLoaderSpecificOptions(loaderId) {
+    value: function _getLoaderSpecificOptions(loaderId) {
       switch (loaderId) {
         case 'i3s':
           return _objectSpread(_objectSpread({}, this.tileset.options.i3s), {}, {