Inspector Plugin (Phaser 3)

Showcase
1
6 Likes
7

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.

First Phaser 3 Game Inspector Plugin
First Phaser 3 Game Inspector Plugin1150×960 64.7 KB

8

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

killer robot
killer robot1009×1057 244 KB

Display List and Update List folders
Display List and Update List folders640×1568 71.6 KB

9

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
10 
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
11

12

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
13

Added timeline and tween chain inspectors.

2 Likes
14