Jump to content

respond to page resize and different screen sizes


montane
 Share

Recommended Posts

I want to scale the game to the full screen area with a 16px border when the screen size is lower than 1024.

and I want to make an alteration to two sprites at this screen size too.

In Phaser is there a specific function that is triggered on screen resize?

I came across these two post:

http://sbcgamesdev.blogspot.co.uk/2015/04/phaser-tutorial-manage-different-screen.html

and 

http://www.emanueleferonato.com/2015/02/26/the-basics-of-responsive-html5-games/

They go into some depth - having read through them, first I want to know the starting point for developers using Phaser to learn about these kind of issues:

To react on change of screen size / or when screen is in a certain range of size

Which scale mode is needed to set the game to scale to the full width of the screen.

Is there a way to change the canvas size? E.g. take the space invaders example : http://phaser.io/examples/v2/games/invaders

If I want the canvas instead of being square to be a vertical rectangle-  e.g. the size of a portrait view on a typical smartphone. 

e.g. is there a scale mode that scales vertically as well as horizontally?

Thanks in advance.

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...