samme/phaser-plugin-game-gui

Inspect and manipulate some common game settings. Phaser 2/CE

Demo

Quick access to some common game settings and commands:

• Pause and frame-stepping
• Restart current state
• Camera flash, shake, position, and lerp
• Input (keyboard, mouse, touch) toggles
• Scale mode, start/stop fullscreen
• Sound mute and volume
• Slow motion

Install

If not using bower or npm, include dat.gui and index.js before your game scripts.

Use

// In init() or create():
// (If you've resized `world` or `camera`, add the plugin **after** those changes.)
game.plugins.add(Phaser.Plugin.GameGui);

You can also pass options and access the GUI itself:

var gameGuiPlugin = game.plugins.add(Phaser.Plugin.GameGui, {
  // Default options:
  autoPlace: true,
  width: 245,
});

gameGuiPlugin.gui.width = 400;
gameGuiPlugin.gui.closed = true;
gameGuiPlugin.gui.destroy();

Thanks

Demo sound effects by Eric Matyas www.soundimage.org

phaser-plugin-game-gui's Issues

phaser is undefined

@samme if i use these lines taken from your other debug lib(SpriteGUI):

  Phaser = Phaser || (typeof window !== "undefined" && window !== null ? window.Phaser : void 0) || (typeof require === "function" ? require("phaser") : void 0);
  dat = dat || (typeof window !== "undefined" && window !== null ? window.dat : void 0) || (typeof require === "function" ? require("./dat.gui") : void 0);

it will work but otherwise just leaving it with this:

dat = this.dat, Phaser = this.Phaser; will result in Phaser is undefined

this.phaser is undefined in the first place