Inspector Plugin (Phaser 3, 4 Beta)

6 Likes

I’ve added a lot of helper functions for inspecting common objects (sprites, physics bodies, tweens, timers, sounds, etc.) and made demos including a First Phaser 3 game clone.

You can now inspect game objects by searching the scene display/update lists by index, name, or type. Also added a light inspector.


Prerelease for Phaser 3.60. See sprite effects:

function preload() {
  this.load.scripts('inspector', [
    'https://cdn.jsdelivr.net/npm/tweakpane@3.1.0/dist/tweakpane.js',
    'https://cdn.jsdelivr.net/npm/phaser-plugin-inspector@2.0.0-1/dist/phaser-plugin-inspector.umd.js',
  ]);
  this.load.once('complete', () => {
    PhaserPluginInspector.Install(this.plugins);
  });
}
npm install phaser-plugin-inspector@next tweakpane
1 Like
this.load.scripts('inspector', [
  'https://cdn.jsdelivr.net/npm/tweakpane@3.1.0',
  'https://cdn.jsdelivr.net/npm/phaser-plugin-inspector@2.0.0',
]);
this.load.once('complete', () => {
  PhaserPluginInspector.Install(this.plugins);
});
1 Like

I’ve added buttons to quickly add toggles for visible scenes, visible game objects, and active game objects. You can try these on the First Game demo:

1 Like

Added timeline and tween chain inspectors.

2 Likes
3 Likes