Fullscreen with safari(ios)

[GBear]

hi. 

i can draw my game with chrome or explore 

but safari can't use fullscreen function like requestFullscreen(

how can i draw fullscreen with safari

[themoonrat]

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.

[GBear]

thx  themoonrat..

 

 

 

[bbyford]

This is such a shame, I wonder if this has changed at all since 2016?

[Exca]

Partial support exists nowadays according to this https://caniuse.com/?search=fullscreen

Currently we are using a soft fullscreen by faking a scrollable document as themoonrat described. Basically end result is similar to real fullscreen, with the exception that it's really easy to accidentally break out from fs.

[themoonrat]

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 July 10, 2021 by themoonrat