/**
* @classdesc
* a simple debug panel plugin
*
* usage :
* • upon loading the debug panel, it will be automatically registered under me.plugins.debugPanel
* • you can then press the default "s" key to show or hide the panel, or use me.plugins.debugPanel.show() and me.plugins.debugPanel.hide(), or add #debug as a parameter to your URL e.g. http://myURL/index.html#debug
* • default key can be configured using the following parameters in the url : e.g. http://myURL/index.html#debugToggleKey=d
* the debug panel provides the following information :
* • amount of total objects currently active in the current stage
* • amount of draws operation
* • amount of body shape (for collision)
* • amount of bounding box
* • amount of sprites objects
* • amount of objects currently inactive in the the object pool
* • memory usage (Heap Memory information is only available under Chrome)
* • frame update time (in ms)
* • frame draw time (in ms)
* • current fps rate vs target fps
* additionally, using the checkbox in the panel it is also possible to display :
* • the hitbox or bounding box for all objects
* • current velocity vector
* • quadtree spatial visualization
* @augments plugin.BasePlugin
*/
export class DebugPanelPlugin extends plugin.BasePlugin {
/**
* @param {number} [debugToggle=input.KEY.S] - a default key to toggle the debug panel visibility state
* @see input.KEY for default key options
*/
constructor(debugToggle?: number);
debugToggle: number;
panel: DebugPanel;
_onKeyDown: (_action: any, keyCode: any) => void;
/**
* destroy the debug plugin
*/
destroy(): void;
/**
* show the debug panel
*/
show(): void;
/**
* hide the debug panel
*/
hide(): void;
/**
* toggle the debug panel visibility state
*/
toggle(): void;
}
import { plugin } from "melonjs";
import { DebugPanel } from "./debugPanel.js";
//# sourceMappingURL=index.d.ts.map