William Clarkson from Phaser Games has released a free Phaser 3 Utility pack that contains classes for:

  • Creating grids
  • Alignment
  • UI blocks for nested elements

From the article: "This is a grid for marking out UI or other games elements based on screen size.

Set Up:

this.aGrid = new AlignGrid({scene: this,rows: 11,cols: 11});

Show the grid:


Place An Item On Grid:

var face=this.add.image(0,0,’face’);

Find out more on the Phaser Games site.

Read More