Awesome

Screenshot

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