https://github.com/samme/phaser-plugin-game-gui

Inspect and manipulate some common game settings. Phaser 2/CE
https://github.com/samme/phaser-plugin-game-gui

dat-gui phaser

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/samme/phaser-plugin-game-gui
• Owner: samme
• Created: 2017-03-02T05:47:36.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2018-04-21T02:49:25.000Z (almost 7 years ago)
• Last Synced: 2024-11-16T17:15:56.552Z (2 months ago)
• Topics: dat-gui, phaser
• Language: JavaScript
• Homepage: https://samme.github.io/phaser-plugin-game-gui/
• Size: 1.36 MB
• Stars: 38
• Watchers: 4
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![Screenshot](https://samme.github.io/phaser-plugin-game-gui/screenshot.png)

[Demo](https://samme.github.io/phaser-plugin-game-gui/)

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](https://github.com/dataarts/dat.gui) and [index.js](./index.js) before your game scripts.

Use

---

```javascript

// 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:

```javascript

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](https://samme.github.io/phaser-plugin-game-gui/) sound effects by Eric Matyas [www.soundimage.org](http://www.soundimage.org)