14.8.3 • Published 1 year 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
1 year ago
14.8.2
1 year ago
14.8.1
2 years ago
14.6.5
2 years ago
14.7.0
2 years ago
14.8.0
2 years ago
14.6.3
2 years ago
14.6.4
2 years ago
14.6.0
2 years ago
14.6.1
2 years ago
14.5.2
2 years ago
14.6.2
2 years ago
14.5.1
2 years ago
14.5.0
2 years ago
14.4.7
2 years ago
14.4.6
2 years ago
14.4.5
2 years ago
14.4.4
2 years ago
14.4.3
2 years ago
14.4.2
2 years ago