Jump to content

Browser resize clipping right side of Game Canvas.


Chris_Hawkins
 Share

Recommended Posts

Howdy all!

 

Working on a game with a set canvas size of 1200 x 634.  However, when I resize the browser or on mobile it's cutting off the right side of the game.  Other elements on the page are visible, just the game-canvas.  I noticed in the JS file of Phaser, it has a  style="overflow: hidden;" inline for the game-canvas CSS.  I don't want to alter the JS, I'd rather it just show the whole canvas.  Any ideas on how to show the full game canvas after resizing ther broswer or on mobile?

 

You can see the attached shots

 

before.jpg = full size browser window

after.jpg = resized window

 

post-11804-0-12083800-1418154290.jpg

 

post-11804-0-40610600-1418154295.jpg

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

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