@giro3d/giro3d/gui/Tiles3DInspector.js

A JS/WebGL framework for 3D geospatial data visualization

import ColorMapInspector from './ColorMapInspector';
import EntityInspector from './EntityInspector';
import LayerInspector from './LayerInspector';
class Tiles3DInspector extends EntityInspector {
  /** The color map inspector */

  layers = [];
  /** The layer folder. */

  /**
   * Creates an instance of Tiles3DInspector.
   *
   * @param parentGui - The parent GUI.
   * @param instance - The Giro3D instance.
   * @param entity - The inspected 3D tileset.
   */
  constructor(parentGui, instance, entity) {
    super(parentGui, instance, entity, {
      visibility: true,
      boundingBoxColor: false,
      boundingBoxes: true,
      opacity: true
    });
    this.addController(this.entity, 'castShadow');
    this.addController(this.entity, 'receiveShadow');
    this.addController(this.entity, 'errorTarget').min(0.1).max(1000);
    this.addController(this.entity, 'pointSize').min(0).max(20).step(1);
    this.addController(this.entity.pointCloudColorimetryOptions, 'brightness').min(0).max(1).onChange(() => this.notify(entity));
    this.addController(this.entity.pointCloudColorimetryOptions, 'contrast').min(0).max(1).onChange(() => this.notify(entity));
    this.addController(this.entity.pointCloudColorimetryOptions, 'saturation').min(0).max(1).onChange(() => this.notify(entity));
    this.colorMapInspector = new ColorMapInspector(this.gui, instance, () => entity.colorMap, () => this.notify(entity));
    this.layerFolder = this.gui.addFolder('Layers');
    const fillLayers = this.fillLayers.bind(this);
    this.fillLayers();
    this.entity.addEventListener('layer-added', fillLayers);
    this.entity.addEventListener('layer-removed', fillLayers);
  }
  fillLayers() {
    while (this.layers.length > 0) {
      this.layers.pop()?.dispose();
    }
    // We reverse the order so that the layers are displayed in a natural order:
    // top layers in the inspector are also on top in the composition.
    this.entity.getLayers().reverse().forEach(lyr => {
      const gui = new LayerInspector(this.layerFolder, this.instance, this.entity, lyr);
      this.layers.push(gui);
    });
  }
  updateValues() {
    super.updateValues();
    this.layers.forEach(l => l.updateValues());
  }
  toggleBoundingBoxes(visible) {
    this.entity.displayBoxBounds = visible;
    this.entity.displayRegionBounds = visible;
    this.entity.displaySphereBounds = visible;
  }
}
export default Tiles3DInspector;