Method constructor

packages/debug-plugin/src/index.js:38–134

* @param {number} [debugToggle=input.KEY.S] - a default key to toggle the debug panel visibility state * @see input.KEY for default key options

(debugToggle = input.KEY.S)

	 * @see input.KEY for default key options
	 */
	constructor(debugToggle = input.KEY.S) {
		super();

		// Minimum melonJS version — `Renderable.postDraw` now reads the
		// `PhysicsAdapter.getBodyAABB` / `getBodyShapes` debug API
		// added in 19.5. Older releases don't expose those methods and
		// the patch would silently skip drawing physics overlays.
		this.version = "19.5.0";

		console.log(`${name} ${version} | ${homepage}`);

		this.debugToggle = debugToggle;

		this.counters = new Counters([
			"shapes",
			"sprites",
			"velocity",
			"bounds",
			"children",
			"draws",
		]);

		this.visible = false;

		// checkbox state
		const hash = utils.getUriFragment();
		this.options = {
			hitbox: hash.hitbox || false,
			velocity: hash.velocity || false,
			quadtree: hash.quadtree || false,
		};

		// frame time history for the sparkline graphs
		this.updateHistory = new Float32Array(GRAPH_SAMPLES);
		this.drawHistory = new Float32Array(GRAPH_SAMPLES);
		this.memHistory = new Float32Array(GRAPH_SAMPLES);
		this.historyIndex = 0;

		// register the web font / CSS and build the HTML overlay
		registerStyles();
		this.panel = null;
		this.panelWrap = null;
		this.stats = {};
		this._buildPanel();

		// frame timing
		this.frameUpdateStartTime = 0;
		this.frameDrawStartTime = 0;
		this.frameUpdateTime = 0;
		this.frameDrawTime = 0;

		// event listener references for cleanup
		this._onResize = () => {
			this._syncPosition();
		};
		this._onBeforeUpdate = (time) => {
			this.frameUpdateStartTime = time;
		};