14.8.3 • Published 3 months ago
@melonjs/debug-plugin v14.8.3
melonJS Debug Plugin
Installation
$ [sudo] npm install @melonjs/debug-plugin
Then import and instantiante the debug plugin in your project. For example:
import { utils, plugin } from 'melonjs';
// dynamically import the plugin
import("@melonjs/debug-plugin").then((debugPlugin) => {
// automatically register the debug panel
utils.function.defer(plugin.register, this, debugPlugin.DebugPanelPlugin, "debugPanel");
});
Usage
The Debug Panel is hidden by default and can be displayed using the S
key, it will then provide the below information :
- Amount of objects currently active in the current scene
- Amount of draws operation
- Amount of body shape (requires to enable the hitbox checkbox)
- Amount of bounding box
- Amount of sprites objects
- Amount of objects currently inactive in the the object pool
- Heap/memory usage
- Frame update time (in ms)
- Frame draw time (in ms)
- Current fps rate vs target fps
Note: Heap information requires starting Chrome with
--enable-precise-memory-info
Additionally, using the checkbox in the panel it is also possible to draw :
- Shape and Bounding box for all objects
- Current velocity vector
- Quadtree spatial visualization
Questions, need help ?
If you need technical support, you can contact us through the following channels :
14.8.3
3 months ago
14.8.2
3 months ago
14.8.1
7 months ago
14.6.5
10 months ago
14.7.0
8 months ago
14.8.0
8 months ago
14.6.3
12 months ago
14.6.4
12 months ago
14.6.0
12 months ago
14.6.1
12 months ago
14.5.2
1 year ago
14.6.2
12 months ago
14.5.1
1 year ago
14.5.0
1 year ago
14.4.7
1 year ago
14.4.6
1 year ago
14.4.5
1 year ago
14.4.4
1 year ago
14.4.3
1 year ago
14.4.2
1 year ago