@giro3d/giro3d/gui/InstanceInspector.js

A JS/WebGL framework for 3D geospatial data visualization

import { Color } from 'three';
import * as MemoryUsage from '../core/MemoryUsage';
import Panel from './Panel';
import RenderingInspector from './RenderingInspector';
import WebGLRendererInspector from './WebGLRendererInspector';
class InstanceInspector extends Panel {
  /** Store the CRS code of the instance */

  cpuMemoryUsage = 'unknown';
  gpuMemoryUsage = 'unknown';

  /**
   * @param gui - The GUI.
   * @param instance - The Giro3D instance.
   */
  constructor(gui, instance) {
    super(gui, instance, 'Instance');
    this.instanceCrs = this.instance.referenceCrs;
    this.clearAlpha = this.instance.renderer.getClearAlpha();
    this.addController(this, 'instanceCrs').name('CRS');
    this.addController(this, 'cpuMemoryUsage').name('Memory usage (CPU)');
    this.addController(this, 'gpuMemoryUsage').name('Memory usage (GPU)');
    this.addController(this.instance.mainLoop, 'frameCount').name('Frames');
    this.clearColor = this.instance.renderer.getClearColor(new Color()).convertLinearToSRGB();
    this.addColorController(this, 'clearColor').name('Clear color').onChange(() => {
      this.instance.engine.clearColor = this.clearColor.clone().convertSRGBToLinear();
      this.instance.engine.clearAlpha = this.clearAlpha;
      this.notify();
    });
    this.addController(this, 'clearAlpha').name('Clear alpha').min(0).max(1).onChange(() => {
      this.instance.engine.clearColor = this.clearColor.clone().convertSRGBToLinear();
      this.instance.engine.clearAlpha = this.clearAlpha;
      this.notify();
    });
    this.state = 'idle';
    this.addController(this, 'state').name('Status');
    this.addController(this, 'triggerUpdate').name('Trigger update');
    this.webGlRendererPanel = new WebGLRendererInspector(this.gui, instance);
    this.enginePanel = new RenderingInspector(this.gui, instance);
  }
  triggerUpdate() {
    this.instance.notifyChange();
  }
  updateValues() {
    const memUsage = this.instance.getMemoryUsage();
    this.cpuMemoryUsage = MemoryUsage.format(memUsage.cpuMemory);
    this.gpuMemoryUsage = MemoryUsage.format(memUsage.gpuMemory);
    this.state = this.instance.loading ? `loading (${Math.round(this.instance.progress * 100)}%)` : 'idle';
  }
  update() {
    if (!this.isClosed()) {
      this.updateControllers();
      this.webGlRendererPanel.update();
      this.enginePanel.update();
    }
  }
}
export default InstanceInspector;