Most of the time when we are writing games in Phaser we are using simple objects like a sprite, text, or a button. I really enjoy writing in Phaser, but sometimes I miss when I use to make flash games and I could create a lot of different elements within a class. While I can not do exactly the same thing with Phaser, what can be done is to create a function to make a complex object. A complex object is simply my phrase that I use to describe a group containing child elements. In this way, I can basically get the same result that I did in flash.<\/p>\n

In this example below I have written a function that makes a button object, which in this case is not the buttons built into the Phaser framework, but a group that contains a text field and a sprite back. This is useful in situations where you don’t know what buttons you’ll need, so you can just throw in a new button with 1 line of code.<\/p>\n

I’ve also just recently used this technique for a couple of games I’m writing for children learning the alphabet, with letters inside spaceships in one game and letters in bubbles in another. I simply built a makeBubble or makeShip function and looped through the alphabet to create everything I needed.<\/p>\n

To use this technique we need to do 4 things<\/p>\n

\n
1. Create a function with parameters of what we what to style (text, color, size, frame)<\/li>\n
2. Make child elements to reflect those style choices(sprites, text fields)<\/li>\n
3. Make a group and place those elements inside<\/li>\n
4. return that group as the object<\/li>\n<\/ol>\n

   I have done this with the makeButton function and have created the buttons in the create function.<\/p>\n

    <\/p>\n\n\n