JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/2.4.2/phaser.min.js"></script>
JavaScript
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', {update: update, preload: preload, create: create });
function preload() {
game.load.image('pic', 'assets/pics/game14_angel_dawn.png');
}
var sprite, sprite2;
function create() {
game.stage.backgroundColor = '#2d2d2d';
// And the sprite we'll drag
sprite = game.add.sprite(300, 300, 'pic');
sprite.inputEnabled = true;
sprite.anchor.set(0.5);
sprite.events.onInputUp.add(function() {
this.visible = false;
}, sprite);
sprite2 = game.add.sprite(350, 300, 'pic');
sprite2.inputEnabled = true;
sprite2.anchor.set(0.5);
sprite2.events.onInputUp.add(function() {
this.visible = true;
}, sprite);
}
function update() {
game.debug.text('Pointer over:' + sprite.input.pointerOver(), 20, 20);
game.debug.text('Pointer over:' + sprite2.input.pointerOver(), 20, 40);
}