@loaders.gl/tiles 3.3.0-alpha.1 → 3.3.0-alpha.11

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

@@ -8,127 +8,92 @@ import { getTiles3DScreenSpaceError } from './helpers/tiles-3d-lod';
 import { getProjectedRadius } from './helpers/i3s-lod';
 import { get3dTilesOptions } from './helpers/3d-tiles-options';
 import TilesetTraverser from './traversers/tileset-traverser';
-const scratchVector = new Vector3();
 
+const scratchVector = new Vector3();
 function defined(x) {
   return x !== undefined && x !== null;
 }
 
 export default class TileHeader {
-  constructor(tileset, header, parentHeader, extendedId = '') {
-    _defineProperty(this, "tileset", void 0);
 
+  constructor(tileset, header, parentHeader) {
+    let extendedId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+    _defineProperty(this, "tileset", void 0);
     _defineProperty(this, "header", void 0);
-
     _defineProperty(this, "id", void 0);
-
     _defineProperty(this, "url", void 0);
-
     _defineProperty(this, "parent", void 0);
-
     _defineProperty(this, "refine", void 0);
-
     _defineProperty(this, "type", void 0);
-
     _defineProperty(this, "contentUrl", void 0);
-
     _defineProperty(this, "lodMetricType", void 0);
-
     _defineProperty(this, "lodMetricValue", void 0);
-
     _defineProperty(this, "boundingVolume", void 0);
-
     _defineProperty(this, "content", void 0);
-
     _defineProperty(this, "contentState", void 0);
-
     _defineProperty(this, "gpuMemoryUsageInBytes", void 0);
-
     _defineProperty(this, "children", void 0);
-
     _defineProperty(this, "depth", void 0);
-
     _defineProperty(this, "viewportIds", void 0);
-
     _defineProperty(this, "transform", void 0);
-
     _defineProperty(this, "extensions", void 0);
-
+    _defineProperty(this, "implicitTiling", void 0);
     _defineProperty(this, "userData", void 0);
-
     _defineProperty(this, "computedTransform", void 0);
-
     _defineProperty(this, "hasEmptyContent", void 0);
-
     _defineProperty(this, "hasTilesetContent", void 0);
-
     _defineProperty(this, "traverser", void 0);
-
     _defineProperty(this, "_cacheNode", void 0);
-
     _defineProperty(this, "_frameNumber", void 0);
-
     _defineProperty(this, "_lodJudge", void 0);
-
     _defineProperty(this, "_expireDate", void 0);
-
     _defineProperty(this, "_expiredContent", void 0);
-
     _defineProperty(this, "_shouldRefine", void 0);
-
     _defineProperty(this, "_distanceToCamera", void 0);
-
     _defineProperty(this, "_centerZDepth", void 0);
-
     _defineProperty(this, "_screenSpaceError", void 0);
-
     _defineProperty(this, "_visibilityPlaneMask", void 0);
-
     _defineProperty(this, "_visible", void 0);
-
     _defineProperty(this, "_inRequestVolume", void 0);
-
     _defineProperty(this, "_stackLength", void 0);
-
     _defineProperty(this, "_selectionDepth", void 0);
-
     _defineProperty(this, "_touchedFrame", void 0);
-
     _defineProperty(this, "_visitedFrame", void 0);
-
     _defineProperty(this, "_selectedFrame", void 0);
-
     _defineProperty(this, "_requestedFrame", void 0);
-
     _defineProperty(this, "_priority", void 0);
-
     _defineProperty(this, "_contentBoundingVolume", void 0);
-
     _defineProperty(this, "_viewerRequestVolume", void 0);
-
     _defineProperty(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 = 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;
@@ -148,39 +113,31 @@ export default class TileHeader {
     this._selectionDepth = 0;
     this._initialTransform = new Matrix4();
     this.transform = new Matrix4();
-
     this._initializeLodMetric(header);
-
     this._initializeTransforms(header);
-
     this._initializeBoundingVolumes(header);
-
     this._initializeContent(header);
-
     this._initializeRenderingState(header);
 
     this._lodJudge = null;
+
     this._expireDate = null;
     this._expiredContent = null;
+    this.implicitTiling = null;
     Object.seal(this);
   }
-
   destroy() {
     this.header = null;
   }
-
   isDestroyed() {
     return this.header === null;
   }
-
   get selected() {
     return this._selectedFrame === this.tileset._frameNumber;
   }
-
   get isVisible() {
     return this._visible;
   }
-
   get isVisibleAndInRequestVolume() {
     return this._visible && this._inRequestVolume;
   }
@@ -229,10 +186,8 @@ export default class TileHeader {
     switch (this.tileset.type) {
       case TILESET_TYPE.I3S:
         return getProjectedRadius(this, frameState);
-
       case TILESET_TYPE.TILES3D:
         return getTiles3DScreenSpaceError(this, frameState, useParentLodMetric);
-
       default:
         throw new Error('Unsupported tileset type');
     }
@@ -247,16 +202,15 @@ export default class TileHeader {
     const {
       skipLevelOfDetail
     } = traverser.options;
+
     const maySkipTile = this.refine === TILE_REFINEMENT.ADD || skipLevelOfDetail;
 
     if (maySkipTile && !this.isVisible && this._visible !== undefined) {
       return -1;
     }
-
     if (this.tileset._frameNumber - this._touchedFrame >= 1) {
       return -1;
     }
-
     if (this.contentState === TILE_CONTENT_STATE.UNLOADED) {
       return -1;
     }
@@ -265,6 +219,7 @@ export default class TileHeader {
     const useParentScreenSpaceError = parent && (!maySkipTile || this._screenSpaceError === 0.0 || parent.hasTilesetContent);
     const screenSpaceError = useParentScreenSpaceError ? parent._screenSpaceError : this._screenSpaceError;
     const rootScreenSpaceError = traverser.root ? traverser.root._screenSpaceError : 0.0;
+
     return Math.max(rootScreenSpaceError - screenSpaceError, 0);
   }
 
@@ -272,48 +227,39 @@ export default class TileHeader {
     if (this.hasEmptyContent) {
       return false;
     }
-
     if (this.content) {
       return true;
     }
-
     const expired = this.contentExpired;
-
     if (expired) {
       this._expireDate = null;
     }
-
     this.contentState = TILE_CONTENT_STATE.LOADING;
     const requestToken = await this.tileset._requestScheduler.scheduleRequest(this.id, this._getPriority.bind(this));
-
     if (!requestToken) {
       this.contentState = TILE_CONTENT_STATE.UNLOADED;
       return false;
     }
-
     try {
       const contentUrl = this.tileset.getTileUrl(this.contentUrl);
       const loader = this.tileset.loader;
-      const options = { ...this.tileset.loadOptions,
-        [loader.id]: { ...this.tileset.loadOptions[loader.id],
+      const options = {
+        ...this.tileset.loadOptions,
+        [loader.id]: {
+          ...this.tileset.loadOptions[loader.id],
           isTileset: this.type === 'json',
           ...this._getLoaderSpecificOptions(loader.id)
         }
       };
       this.content = await load(contentUrl, loader, options);
-
       if (this.tileset.options.contentLoader) {
         await this.tileset.options.contentLoader(this);
       }
-
       if (this._isTileset()) {
         this.tileset._initializeTileHeaders(this.content, this);
       }
-
       this.contentState = TILE_CONTENT_STATE.READY;
-
       this._onContentLoaded();
-
       return true;
     } catch (error) {
       this.contentState = TILE_CONTENT_STATE.FAILED;
@@ -327,13 +273,10 @@ export default class TileHeader {
     if (this.content && this.content.destroy) {
       this.content.destroy();
     }
-
     this.content = null;
-
     if (this.header.content && this.header.content.destroy) {
       this.header.content.destroy();
     }
-
     this.header.content = null;
     this.contentState = TILE_CONTENT_STATE.UNLOADED;
     return true;
@@ -343,16 +286,12 @@ export default class TileHeader {
     if (this._frameNumber === frameState.frameNumber) {
       return;
     }
-
     const parent = this.parent;
     const parentVisibilityPlaneMask = parent ? parent._visibilityPlaneMask : CullingVolume.MASK_INDETERMINATE;
-
     if (this.tileset._traverser.options.updateTransforms) {
       const parentTransform = parent ? parent.computedTransform : this.tileset.modelMatrix;
-
       this._updateTransform(parentTransform);
     }
-
     this._distanceToCamera = this.distanceToTile(frameState);
     this._screenSpaceError = this.getScreenSpaceError(frameState, false);
     this._visibilityPlaneMask = this.visibility(frameState, parentVisibilityPlaneMask);
@@ -369,11 +308,13 @@ export default class TileHeader {
     const {
       boundingVolume
     } = this;
+
     return cullingVolume.computeVisibilityWithPlaneMask(boundingVolume, parentVisibilityPlaneMask);
   }
 
   contentVisibility() {
     return true;
+
   }
 
   distanceToTile(frameState) {
@@ -381,9 +322,10 @@ export default class TileHeader {
     return Math.sqrt(Math.max(boundingVolume.distanceSquaredTo(frameState.camera.position), 0));
   }
 
-  cameraSpaceZDepth({
-    camera
-  }) {
+  cameraSpaceZDepth(_ref) {
+    let {
+      camera
+    } = _ref;
     const boundingVolume = this.boundingVolume;
     scratchVector.subVectors(boundingVolume.center, camera.position);
     return camera.direction.dot(scratchVector);
@@ -397,14 +339,12 @@ export default class TileHeader {
   updateExpiration() {
     if (defined(this._expireDate) && this.contentReady && !this.hasEmptyContent) {
       const now = Date.now();
-
       if (Date.lessThan(this._expireDate, now)) {
         this.contentState = TILE_CONTENT_STATE.EXPIRED;
         this._expiredContent = this.content;
       }
     }
   }
-
   get extras() {
     return this.header.extras;
   }
@@ -424,7 +364,6 @@ export default class TileHeader {
       console.warn('3D Tile: Required prop lodMetricValue is undefined. Using parent lodMetricValue');
     }
   }
-
   _initializeTransforms(tileHeader) {
     this.transform = tileHeader.transform ? new Matrix4(tileHeader.transform) : new Matrix4();
     const parent = this.parent;
@@ -434,14 +373,11 @@ export default class TileHeader {
     const parentInitialTransform = parent && parent._initialTransform ? parent._initialTransform.clone() : new Matrix4();
     this._initialTransform = new Matrix4(parentInitialTransform).multiplyRight(this.transform);
   }
-
   _initializeBoundingVolumes(tileHeader) {
     this._contentBoundingVolume = null;
     this._viewerRequestVolume = null;
-
     this._updateBoundingVolume(tileHeader);
   }
-
   _initializeContent(tileHeader) {
     this.content = {
       _tileset: this.tileset,
@@ -449,8 +385,8 @@ export default class TileHeader {
     };
     this.hasEmptyContent = true;
     this.contentState = TILE_CONTENT_STATE.UNLOADED;
-    this.hasTilesetContent = false;
 
+    this.hasTilesetContent = false;
     if (tileHeader.contentUrl) {
       this.content = null;
       this.hasEmptyContent = false;
@@ -460,6 +396,7 @@ export default class TileHeader {
   _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;
@@ -475,22 +412,18 @@ export default class TileHeader {
     this._requestedFrame = 0;
     this._priority = 0.0;
   }
-
   _getRefine(refine) {
     return refine || this.parent && this.parent.refine || TILE_REFINEMENT.REPLACE;
   }
-
   _isTileset() {
     return this.contentUrl.indexOf('.json') !== -1;
   }
-
   _onContentLoaded() {
     switch (this.content && this.content.type) {
       case 'vctr':
       case 'geom':
         this.tileset._traverser.disableSkipLevelOfDetail = true;
         break;
-
       default:
     }
 
@@ -498,11 +431,9 @@ export default class TileHeader {
       this.hasTilesetContent = true;
     }
   }
-
   _updateBoundingVolume(header) {
     this.boundingVolume = createBoundingVolume(header.boundingVolume, this.computedTransform, this.boundingVolume);
     const content = header.content;
-
     if (!content) {
       return;
     }
@@ -510,40 +441,48 @@ export default class TileHeader {
     if (content.boundingVolume) {
       this._contentBoundingVolume = createBoundingVolume(content.boundingVolume, this.computedTransform, this._contentBoundingVolume);
     }
-
     if (header.viewerRequestVolume) {
       this._viewerRequestVolume = createBoundingVolume(header.viewerRequestVolume, this.computedTransform, this._viewerRequestVolume);
     }
   }
 
-  _updateTransform(parentTransform = new Matrix4()) {
+  _updateTransform() {
+    let parentTransform = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Matrix4();
     const computedTransform = parentTransform.clone().multiplyRight(this.transform);
     const didTransformChange = !computedTransform.equals(this.computedTransform);
-
     if (!didTransformChange) {
       return;
     }
-
     this.computedTransform = computedTransform;
-
     this._updateBoundingVolume(this.header);
   }
 
   _getLoaderSpecificOptions(loaderId) {
     switch (loaderId) {
       case 'i3s':
-        return { ...this.tileset.options.i3s,
-          tile: this.header,
-          tileset: this.tileset.tileset,
+        return {
+          ...this.tileset.options.i3s,
+          _tileOptions: {
+            attributeUrls: this.header.attributeUrls,
+            textureUrl: this.header.textureUrl,
+            textureFormat: this.header.textureFormat,
+            textureLoaderOptions: this.header.textureLoaderOptions,
+            materialDefinition: this.header.materialDefinition,
+            isDracoGeometry: this.header.isDracoGeometry,
+            mbs: this.header.mbs
+          },
+          _tilesetOptions: {
+            store: this.tileset.tileset.store,
+            attributeStorageInfo: this.tileset.tileset.attributeStorageInfo,
+            fields: this.tileset.tileset.fields
+          },
           isTileHeader: false
         };
-
       case '3d-tiles':
       case 'cesium-ion':
       default:
         return get3dTilesOptions(this.tileset.tileset);
     }
   }
-
 }
 //# sourceMappingURL=tile-3d.js.map