How to change canvas size on screen rotation

[max0805]

 

Hello everyone.

I using phaser to create a game has two version scene.

When my phone is turned, his ratio is still 16:9. (actually I want landscape 1920*1080, portrait 414*736)

I found that it will change the canvas size, which means the game configuration properties need to be changed.

I try a lot of function.

this.scale.resize
this.scale.setGameSize

Doesn't work. Some tell me to lock portrait orientation.

But I want to do like this image:

 

I can make a new scene to render landscape/portrait version.

But the premise is that I must be able to modify the game parameters.

How can I do it if I want my game has two (landscape/portrait) on mobile?

 

[max0805]

I solve it by using scale.setGameSize(414,736) , but it only run on the android phone.

 

Iphone can not run success in chrome and safari . How do I solve it ?