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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

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