綠島之北

鼠標(biāo)事件

要想監(jiān)聽事件，需要先調(diào)用GameObject的setInteractive方法，該方法會(huì)將GameObject傳給輸入管理器，以便可以響應(yīng)輸入。

GameObject繼承自EventEmitter（eventemitter3），因此具體標(biāo)準(zhǔn)的事件處理方法。

事件管理

鼠標(biāo)事件列表

簡(jiǎn)單示例

const star = this.add.star(250, 150, 5, 32, 64, 0xff0000, 1);
star.setInteractive();
star.on('pointerup', () => {
  console.log('鼠標(biāo)抬起事件');
});

完整示例

class SceneA extends Phaser.Scene {
    constructor() {
        super({
            key: 'SceneA'
        });
    }

    create() {
        const star = this.add.star(250, 150, 5, 32, 64, 0xff0000, 1);
        const text = this.add.text(160, 140, '狀態(tài)', {
            fixedWidth: 180,
            align: 'center'
        });
        star.setInteractive();
        star.on('pointerdown', () => {
            text.setText('鼠標(biāo)按下');
        }, this);
        star.on('pointerup', () => {
            text.setText('鼠標(biāo)抬起');
        }, this);
        star.on('pointermove', () => {
            text.setText('鼠標(biāo)移動(dòng)' + Math.floor(Math.random() * 100));
        }, this);
        star.on('pointerout', () => {
            text.setText('鼠標(biāo)移出');
        }, this);
        star.on('pointerover', () => {
            text.setText('鼠標(biāo)移入');
        }, this);
        star.on('wheel', () => {
            text.setText('滾輪滾動(dòng)' + Math.floor(Math.random() * 100));
        }, this);
    }
}

new Phaser.Game({
    width: 500,
    height: 300,
    scene: [SceneA]
});

在線體驗(yàn)