class Example extends Phaser.Scene { preload () { this.load.setBaseURL('https://cdn.phaserfiles.com/v385'); this.load.setPath('assets/input'); this.load.image([ 'p', 'h', 'a', 's', 'e', 'r' ]); } create () { this.input.addPointer(5); const p = this.add.image(0, 0, 'p').setInteractive(); const h = this.add.image(0, 0, 'h').setInteractive(); const a = this.add.image(0, 0, 'a').setInteractive(); const s = this.add.image(0, 0, 's').setInteractive(); const e = this.add.image(0, 0, 'e').setInteractive(); const r = this.add.image(0, 0, 'r').setInteractive(); Phaser.Actions.GridAlign([ p, h, a, s, e, r ], { width: 6, cellWidth: 132, cellHeight: 200, x: 68, y: 300 }); this.input.on('gameobjectdown', (pointer, gameObject) => { gameObject.setTintFill(0xffff00, 0xffff00, 0xff0000, 0xff0000); }); this.input.on('gameobjectup', (pointer, gameObject) => { gameObject.clearTint(); }); } } const config = { type: Phaser.AUTO, parent: 'phaser-example', width: 800, height: 600, backgroundColor: '#efefef', scene: Example }; const game = new Phaser.Game(config);
Scan to open on your mobile device
class Example extends Phaser.Scene { preload () { this.load.setBaseURL('https://cdn.phaserfiles.com/v385'); this.load.setPath('assets/input'); this.load.image([ 'p', 'h', 'a', 's', 'e', 'r' ]); } create () { this.input.addPointer(5); const p = this.add.image(0, 0, 'p').setInteractive(); const h = this.add.image(0, 0, 'h').setInteractive(); const a = this.add.image(0, 0, 'a').setInteractive(); const s = this.add.image(0, 0, 's').setInteractive(); const e = this.add.image(0, 0, 'e').setInteractive(); const r = this.add.image(0, 0, 'r').setInteractive(); Phaser.Actions.GridAlign([ p, h, a, s, e, r ], { width: 6, cellWidth: 132, cellHeight: 200, x: 68, y: 300 }); this.input.on('gameobjectdown', (pointer, gameObject) => { gameObject.setTintFill(0xffff00, 0xffff00, 0xff0000, 0xff0000); }); this.input.on('gameobjectup', (pointer, gameObject) => { gameObject.clearTint(); }); } } const config = { type: Phaser.AUTO, parent: 'phaser-example', width: 800, height: 600, backgroundColor: '#efefef', scene: Example }; const game = new Phaser.Game(config);