我可以从 DOM 触发 Phaser 3 事件吗？-解网

问：

我正在尝试从 DOM 触发 Phaser 3 事件，就像我在互联网上找到的这个示例一样： “当你创建游戏时，游戏实例是可以访问的，你可以从这个实例访问你想要的场景中的所有内容，并执行类似的事情const game = new Phaser.Game(config);const scene = game.scene.keys.sceneName

textareaElement.addEventListener("change", function(event) {
    const text = textareaElement.value;
    scene.updateGameTextFromTextarea(text);
});

这是我的项目配置：

const config = {
    // Phaser.AUTO, intenta usar WebGL y si el navegador no lo  tiene, usa canva.
    type: Phaser.AUTO,
    parent: 'game-container',
    width: 650,
    height: 522,
    scene: [MainScene], 
    scale: {
        mode: Phaser.Scale.FIT
    },
    dom: {
        createContainer: true
    },
    physics: {
        default: 'arcade',
        arcade: {
        // debug: true,
        // gravity: { y: 350 }
        }
    }
}

// Inicializacion del objeto
game = new Phaser.Game(config)`

我实际上可以从控制台访问游戏，但无法触发事件。

const scene = game.scene.keys.MainScene
scene.greeting()

获取：

未捕获的 TypeError：无法读取 undefined 的属性（读取“greeting”）在：1：7

代码： https://github.com/Neffer2/bull-rompecabezas.git

JavaScript DOM 事件 phaser-framework

document.body.style = 'margin:0;';

class MainScene extends Phaser.Scene {
    constructor(){
        super('gameScene');
    } 
    
    test(){
        console.info('Hello From Scene');
    }
}

var config = {
    type: Phaser.AUTO,
    width: 536,
    height: 183,
    physics: {
        default: 'arcade',
        arcade: {            
            gravity:{ y: 100 },
            debug: true
        }
    },
    scene: [ MainScene ],
    banner: false
}; 

var game = new Phaser.Game(config);

setTimeout( () => game.scene.keys.gameScene.test(), 1000);  // Wait for generation

document.querySelector('button').addEventListener('click', () => game.scene.keys.gameScene.test())

<script src="//cdn.jsdelivr.net/npm/[email protected]/dist/phaser.js"></script>

<button id="button"> Fire from the DOM </button><br>

我可以从 DOM 触发 Phaser 3 事件吗？

Can I fire Phaser 3 events from DOM?

评论

评论