var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, render: render }); function preload() { // Using Phasers asset loader we load up a PNG from the assets folder game.load.image('sprite', 'assets/sprites/darkwing_crazy.png'); } var sprite; function create() { game.stage.backgroundColor = 'rgb(85,85,85)'; sprite = game.add.sprite(200, 200, 'sprite'); // Enable Input detection. Sprites have this disabled by default, // so you have to start it if you want to interact with them. sprite.input.start(0,true); // This allows you to drag the sprite. The parameter controls if you drag from the position you touched it (false) // or if it will snap to the center (true) sprite.input.enableDrag(); // This will lock the sprite so it can only be dragged vertically, not horizontally sprite.input.allowHorizontalDrag = false; } function render() { game.debug.renderInputInfo(32, 32); game.debug.renderSpriteInputInfo(sprite, 300, 32); }