Curso de Phaser | Incrustar un formulario HTML en Phaser 1

Curso de Phaser
Incrustar un formulario HTML en Phaser

Curso de Phaser | Incrustar un formulario HTML en Phaser 2

/src/main.js

dom: {
      createContainer: true, // TODO apuntar esto en los apuntos
},

/src/scenes/lobby/AccessRoom.js

export class AccessRoom extends Phaser.Scene {
    ...
  preload() {
    this.load.html("roomForm", "/assets/main.html");
  }  
  create() {
      ...   
      const f = async () => {
         const form = this.add.dom(400, 100).createFromCache("roomForm");

      const roomInput = form.getChildByID("roomId");
      const playButton = form.getChildByID("conectar");

      playButton.onclick = async (event) => {
        if (event.target.name === "conectar") {
          const roomId = roomInput.value;
          const room = await getRoomById(roomId);
          if (!room) {
            alert("No existe una room con este id");
          } else {
            this.scene.start("Karate");
          }
        }
      };
    };
    f();
  }
}