@example
const gl = new GridLayout(this.game, bounds, {
numColumns: 3,
numRows: 4,
xPadding: 3,
yPadding: 4,
layout: GridLayout.center // there are different layout functions to choose from, or create your own custom one!
})
for (var i = 0; i < 10; i++) {
gl.add( this.addSquare() ) // addSquare returns a Phaser.Sprite that has already been added to the stage!
}
// updates the grid layout, sorting by either 'x' or 'y'.
// as in, if you have 3 columns and 3 rows and add 4 objects, if you sort by 'x' your will get 3 objects
// in the first row and 1 in the second. But sorting by 'y' will get you 3 objects in the first column and
// 1 in the second.
// Nothing visually will happen until you call update.
gl.update('x')