Phaser Sprite GUI (with dat.gui)

[samme]

 I made a generic Sprite + Arcade Physics controller so you don't have to.  Demo / Code

// Create
var sprite = game.add.sprite();
// …
var gui = new SpriteGUI(sprite);

// Shutdown
gui.destroy();

 

[samme]

Now with methods! Kill and revive your sprites at your whim.

[stupot]

Very nice Samme, a few questions:

- Can you change the sprite being controlled

- You could also display the input properties if available.

[samme]

Hi @stupot, you can add a separate GUI for each sprite. Maybe I can add a second one in the demo. I'll look at the input properties, I can at least add `input.enabled`.

[stupot]

Hi Samme, I was thinking your spriteGUI would be useful if there was a method of changing the sprite whose properties were being displayed, maybe explicitly bing told which sprite to change to or even offering this ability itself, eg by passing in an array of sprites.

From my previous dealings with dat.gui I'm pretty sure it gets tricky trying to remove/reuse components, but I've a helper function somewhere that might be useful if you wanted to try this.

[samme]

Hi stupot, that would be neat but I'm not ready to dig into the dat.gui parts just yet. You might add sprites like this (not tested):

game.world.onChildInputDown.add(function(sprite) {
  if (!sprite.data.gui) {
    sprite.data.gui = new SpriteGUI(sprite);
    sprite.onDestroy.add(function() {
      sprite.data.gui.destroy();
      sprite.data.gui = null;
    });
  }
});

 

[samme]

Added sprite.animations (paused, really) and sprite.input.

[samme]

Added tilePosition and tileScale (demo). Should work with CommonJS/webpack now too. TODO: pivot.