threepipe/src/utils/GLStatsJS.ts

A modern 3D viewer framework built on top of three.js, written in TypeScript, designed to make creating high-quality, modular, and extensible 3D experiences on the web simple and enjoyable.

import Stats from 'stats.js'

export class GLStatsJS {
    protected _stats: any = new Stats()
    protected _container: HTMLElement

    constructor(container: HTMLElement) {
        this._container = container
        this._stats.dom.id = 'stats-js'
        this._stats.dom.style.position = 'absolute'
        this._stats.dom.style.left = 'unset'
        this._stats.dom.style.right = '0'

    }

    show() {
        this._container.appendChild(this._stats.dom)
        this._stats.showPanel(0)
    }

    hide() {
        this._container.removeChild(this._stats.dom)
    }

    begin() {
        this._stats.begin()
    }

    end() {
        this._stats.end()
    }
}