class Example extends Phaser.Scene { preload () { this.load.setBaseURL('https://cdn.phaserfiles.com/v385'); this.load.image('eye', 'assets/pics/lance-overdose-loader-eye.png'); } create () { this.add.sprite(300, 300, 'eye').setInteractive(); this.cameras.main.setName('cam1'); // Create more Cameras over the top of the main one const cam2 = this.cameras.add().setName('cam2'); cam2.scrollX = 100; cam2.scrollY = 100; const cam3 = this.cameras.add().setName('cam3'); cam3.scrollX = 200; cam3.scrollY = 200; this.input.on('gameobjectover', (pointer, gameObject) => { console.log(pointer.camera.name); gameObject.setTint(0xff0000); }); this.input.on('gameobjectout', (pointer, gameObject) => { gameObject.clearTint(); }); } } const config = { type: Phaser.AUTO, parent: 'phaser-example', width: 800, height: 600, backgroundColor: '#000000', 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.image('eye', 'assets/pics/lance-overdose-loader-eye.png'); } create () { this.add.sprite(300, 300, 'eye').setInteractive(); this.cameras.main.setName('cam1'); // Create more Cameras over the top of the main one const cam2 = this.cameras.add().setName('cam2'); cam2.scrollX = 100; cam2.scrollY = 100; const cam3 = this.cameras.add().setName('cam3'); cam3.scrollX = 200; cam3.scrollY = 200; this.input.on('gameobjectover', (pointer, gameObject) => { console.log(pointer.camera.name); gameObject.setTint(0xff0000); }); this.input.on('gameobjectout', (pointer, gameObject) => { gameObject.clearTint(); }); } } const config = { type: Phaser.AUTO, parent: 'phaser-example', width: 800, height: 600, backgroundColor: '#000000', scene: Example }; const game = new Phaser.Game(config);