Using an alignment grid for UI placements in responsive screen sizes.

Article by Richard Davey. Posted on 3rd Nov 2017.   @photonstorm

image

PhaserGames present a new tutorial on using an alignment grid in your games: "I’ve been writing a lot of Phaser Code for an app for my company. I’ve been using percentages of the game’s width to be able to place the elements. This does work but it has been very time consuming to put together pop-up screens quickly. I needed to come up with something quicker and easier to use. Now you can use this method for placing sprites in a game, but it is most useful for placing static elements like buttons and text."

Read More