Jump to content

Fullscreen with safari(ios)


Recommended Posts

There is nothing PIXI itself can do.

The only way to get full screen on ios if for the user to scroll down the webpage. Get this page on your iphone for example, scroll down the comments and you see the URL bar disappear. You need to simulate this.

Tip on this; compare $( window ).height() to window.innerHeight. You'll see a difference on iphones if the device is 'full screen' after scrolling or not. If the device is _not_ fullscreen, show a div that's height is much taller than the game, with an image or text instructing the player to 'swipe up' the screen. They will scroll across this div; keep comparing $( window ).height() to window.innerHeight. When the values show  that the user has scrolled enough, you can get rid of this div to show the player the full screen game.

Link to comment
Share on other sites

  • 5 years later...

iPads now support the full screen API, however, if there is a constant interaction with the screen, it pops up a dialogue to make sure you're not unintentionally using a game keyboard. Dismiss it.... and it'll come back again next time it things you've pressed the screen too many times again.

Which makes it useless for games. Had to add specific code which was 'use full screen API if it exists unless you are iOS'. If they add iPhone support, I don't trust that they'd also make it useless there.

Edited by themoonrat
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.

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.


  • Recently Browsing   0 members

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