Search the Community

I'm trying to do a board game in which the board tiles are "composed objects", i.e. each tile is made by an image + a colored background. I'm migrating my code from a DOM based rendering, where that task was really trivial: a div with a background color and an image within. I was thinking it would be easy to achieve the same with Phaser. My initial idea was to subclass Phaser.Sprite so to have a MyTile object able to have a texture composed by overlaying, in some way, some "tile.png" file over a colored background obtained through Phaser.Graphics, for example. I tried with BitmapData. Lot of problems even in trying to understand how to "render" an image on it. I made some try, then I read (from docs) that it's experimental and I decided to give up. I tried with RenderTexture and it worked in my sample code where I passed the RenderTexture instance directly to the Phaser.Sprite constructor or the game.add.sprite method. But refused to work in my game code where, having subclassed Phaser.Sprite, I had to set the sprite texture (i.e. the RenderTexture instance) only after object construction using the loadTexture method. I tried alot (my code is now full of commented parts with all the experiments) and achieved nothing. I really liked to do that with a single sprite, but failing on that I decided to use groups. My idea was to have a group for each tile and put, in each group, one Graphics for the colored background and one Sprite for the foreground image. No way: it seems that groups can't be nested... I made several (failing) tried until I reduced my code to the following: var a = view.game.add.group();var b = view.game.add.sprite();a.add(;...that of course fails. The error shows in phaser.js at line 1556 (I'm using release 1.1.3): if(nextObject) { nextObject._iPrev = childLast; childLast._iNext = nextObject; }because childLast (that was assigned from child.last some line before) is undefined. I was thinking that groups where like the containers in EaselJS (where I can nest them), but probably I'm misunderstanding their use. Now the only thing I think I can do is to produce a png image for each tile color for each tile kind (so if I have 20 tile kinds and 8 colors, I can reach the nice number of 160 images only for the tiles). Since I really don't want to do that, I'm here asking for help. Any suggestion?