@giro3d/giro3d/gui/ProcessingInspector.js

A JS/WebGL framework for 3D geospatial data visualization

import MemoryTracker from '../renderer/MemoryTracker';
import CachePanel from './CachePanel';
import FrameDuration from './charts/FrameDuration';
import MemoryUsage from './charts/MemoryUsage';
import PickingDuration from './charts/PickingDuration';
import RequestQueueChart from './charts/RequestQueueChart';
import FetcherPanel from './FetcherPanel';
import Panel from './Panel';
class ProcessingInspector extends Panel {
  /**
   * @param gui - The GUI.
   * @param instance - The Giro3D instance.
   */
  constructor(gui, instance) {
    super(gui, instance, 'Processing');
    this.charts = [];
    this.charts.push(new FrameDuration(this.gui, instance));
    this.charts.push(new PickingDuration(this.gui, instance));
    this.charts.push(new RequestQueueChart(this.gui, instance));
    this.charts.push(new MemoryUsage(this.gui, instance));
    this.charts.push(new CachePanel(this.gui, instance));
    this.charts.push(new FetcherPanel(this.gui, instance));
    this.addController(MemoryTracker, 'enable').name('Memory tracker');
    this.addController(this, 'dumpTrackedObjects').name('Dump tracked objects to console');
    this.addController(this, 'dumpTrackedTextures').name('Dump tracked textures to console');
  }
  dumpTrackedObjects() {
    console.log(MemoryTracker.getTrackedObjects());
  }
  dumpTrackedTextures() {
    const items = MemoryTracker.getTrackedTextures();
    console.log(items.filter(item => item.inGpuMemory).map(item => `${item.texture.id} - ${item.texture.name}`));
  }
  updateValues() {
    this.charts.forEach(c => c.update());
  }
}
export default ProcessingInspector;