I am new to Phaser and it is currently difficult for me to create a tilemap using the phomet-isometric plugin. I also had trouble understanding some of the concepts associated with the Phaser world, the game and the camera, which further complicate the process of creating tiles. I really noticed that this problem seems to be an obstacle for Phaser newbies like me, and correctly explaining it will certainly help fight this.
How to get there:
I created a tilemap using a for loop using single sprites. The for loop works correctly, and I also implemented a function where I can specify the number of fragments that I want to generate.
{ spawnBasicTiles: function(half_tile_width, half_tile_height, size_x, size_y) { var tile; for(var xx = 0; xx < size_x; xx += half_tile_width) { for(var yy = 0; yy < size_y; yy += half_tile_height) { tile = game.add.isoSprite(xx, yy, 0, 'tile', 0, tiles_group); tile.checkWorldBounds = true; tile.outOfBoundsKill = true; tile.anchor.set(0.5, 0); } } } }
Thus, the process of creating static grass slabs is not a problem. The problem and one of the reasons why I try to work correctly with the pool of objects is when the number of tiles exceeds 80, which greatly affects the performance of the game. Since I am aimed at creating HUGE, automatically generating cards that are displayed in accordance with the position of the player’s character, it is necessary to combine objects. I created a group for these fragments and added properties that, as I thought, would be required so that the tiles that go beyond the limits are not displayed (physics, world borders ...). However, after many attempts, I came to the conclusion that even tiles that are outside the borders are still being created. I also used another property, not add.isoSprite, to generate tiles that were .create but didn't make any difference. I think no tiles are “killed”.
- Is this process right? What do I need to do to ONLY generate tiles that appear on the camera (I assume the camera is the visible rectangle of the game) and generate the rest when the character moves to another area, assuming that the camera is already tracking the character’s movement?
In addition, I am looking to generate my character in the middle of the world, which is the environment of the generated grass trace. However, it is also difficult for me to do this. I think the following concepts are the ones that I have to play with in order to achieve this, despite the fact that I failed:
- .anchor.set ()
- game.world.setBounds (especially this one ... it doesn’t seem to set where I order);
- Phaser.game (I set my size to window.width and window.height, without having much trouble with this ...)
To summarize : Using the following forloop method to generate tiles, how can I create infinite / almost infinite maps that are generated when the camera that follows my character moves to another region? And besides, what is the right way to always generate my character in the middle of my generated grass map, and also so that the camera starts with a symbol?
I will be very grateful for the help and hope that it can be useful for people in similar situations for mine. For more information, just ask, and if you want the function to create tiles by a specific number, I will gladly send it. Sorry for any language errors.
Many thanks.
EDIT:
I was able to call the character always in the middle of the grass, setting it to X and Y (size / width) and (size / height). Size is a measure of X and Y in px.