How to zoom in and out the full tilemap from center in phaser?

[Ashish]

I am developing a game where I need to zoom in entire map also I can be able zoom out. I have created a tilemap using tiled software and rendered it using phaser.js. How can I add this function to my game?

[Kosmoon]

maybe playing with game.camera.bounds.x / game.camera.bounds.y and  game.camera.scale.x / game.camera.scale.y will do the job.

[samme]

I think you have to use both tileOffset and setScale.

Edited February 15, 2018 by samme
tileOffset. others are read-only

[Ashish]

Hey @samme , can you explain how I will use it?

[mickeyren]

you can also put your stuff in a group - and you scale that group.

so you create a group by doing `game.add.group()`

then you put your sprites in it. then that group you set it's scale, your sprites will mass zoom in and out.

Note that you can do this in the game.world too. but what's nice about having each group is that for example yo have a texts or a minimap and you don't want those included in the zooming process.

[Ashish]

Thank you @mickeyren,  I am using tilemap, so loading json file and image . How can I consider that as Sprite. 

 

[samme]

 

[Ashish]

Thank you man @samme, This will help me for sure.

 

[Ashish]

Hey @samme I saw the example you have given. I have some problem with that How can I increase and decrease the scale using mouse click or some like that. I don't want to use new Gui.

[Ashish]

And one more thing @samme, In your example map is loading according to pixel size and that only we can zoom in and out. But I want to load the full map in same 800*600 or less (600*400) area.How can I implement this?