PhaserJS - Creating Grid Layout

[stnight99]

Hello Team,

I wanna ask if there are some way to create a grid, for example, i would like to create a 4x4 grid, and each grid i will insert an image, is this possible on PhaserJS?

 

Thanks

[drhayes]

You can add and position images anywhere you want, so yes that's possible. Besides positioning the images where you want is there other functionality you have in mind?

[stnight99]

@drhayes

I mean, if PhaserJS have a functionality to create grid. I'm creating a memory game, so i need to position the cards dynamically, for example if the config from the server says the game should be 4x6, or 6x10, then create an exact grid for the cards.

[mcolman]

I have made my own GridLayout class. 

I could possibly open source it, but it's still pretty immature. Want me to add it to github anyway?

[stnight99]

@mcolman

That's great!!  I wanna see your GridLayout class. And maybe you should create it as a plugin

[mcolman]

https://github.com/mattcolman/phaser-grid-layout

[stnight99]

@mcolman

Thanks for this, gonna check this later

Do you have any live example on how to use this?

[mcolman]

I've just added documentation and example code in grid_layout.js

[agogiam]

@matt_colman -  This seems quite useful! But it didn't work for me. Will it not work with Phaser? I am including <script src="lodash.min.js"></script>  and passing the right parameters to the constructor. 

Please help!

Thanks in advance!