Adding HTML elements

Phaser 3
5

I’m working on a series of blog posts on this topic right now, because I ran into the same problem at work.

It works by creating and hiding the HTML elements in your index.html and then accessing them from Phaser

this.formUtil = new FormUtil({
scene: this,
rows: 11,
cols: 11
});
this.formUtil.showNumbers();
//
//
//scale the element to a percentage of the game’s width
this.formUtil.scaleToGameW(“myText”, .3);
this.formUtil.placeElementAt(16, ‘myText’, true);