@giro3d/giro3d/gui/GlobeControlsInspector.js

A JS/WebGL framework for 3D geospatial data visualization

/*
 * Copyright (c) 2015-2018, IGN France.
 * Copyright (c) 2018-2026, Giro3D team.
 * SPDX-License-Identifier: MIT
 */

import Panel from './Panel';
class GlobeControlsInspector extends Panel {
  _dampingControllers = [];
  /**
   * @param parentGui - The parent GUI.
   * @param instance - The Giro3D instance.
   */
  constructor(parentGui, instance, controls) {
    super(parentGui, instance, 'Globe controls');
    this.controls = controls;
    const notify = this.notify.bind(this);
    this.addController(this.controls, 'enabled').name('Enabled');
    this.addController(this.controls, 'zoomSpeed').name('Zoom speed').min(0.1).max(4).onChange(notify);
    this.addController(this.controls, 'enableDamping').name('Damping').onChange(() => {
      this.updateControllerVisibility();
    });
    this._dampingControllers.push(this.addController(this.controls, 'dampingFactor').name('Damping factor').min(0.001).max(1).onChange(notify));
    this.addController(this, 'attach');
    this.addController(this, 'detach');
    this.updateControllerVisibility();
  }
  updateControllerVisibility() {
    this._dampingControllers.forEach(c => c.show(this.controls.enableDamping));
  }
  attach() {
    this.controls.attach();
  }
  detach() {
    this.controls.detach();
  }
}
export default GlobeControlsInspector;