When you tap the play button to launch the game does Safari attempt to go to fullscreen or does the game load inside the page like on a PC browser?
If so, try running this test build on your phone. If you click on the fullscreen icon in the bottom right does Safari go fullscreen? And what is the screen dimensions shown when you tap on the info icon?
With Parachute, it attempts fullscreen on launch, but still has the browser's URL and toolbar visible. Pressing the "aA" icon in the browser's toolbar allows you to hide the toolbar but it still shows a very narrow strip at the top with the URL.
After doing some reading this seems like a Safari limitation on iOS (at least on my iPhone 8, unsure about newer iPhones). See https://forum.unity.com/threads/fullscreen-webgl-mobile-on-ios.476006/
A solution mentioned in that thread is to save the website address by clicking safari's icon that looks like a square with arrow pointing upwards (share/options icon?) and choosing the "Add to homescreen" option.
Then launch your website from that new homescreen button. You need to make sure to then rotate your screen to landscape before pressing play to load the game. It seems if you don't rotate first before doing this, then the Safari toolbar is still shown onscreen.
Another bug on my phone is that the audio doesn't work with this game, also when pressing the graphics detail button, the popup appears mostly offscreen at the bottom and to the left side of the screen so I cant change detail or background image, I can just make out the word "detail" and the top of the menu box (cant see the menu at all if the Safari toolbar is onscreen.
Regarding Popeye, same issues with no sound, I can see the fullscreen expand icon but it doesn't seem to do anything (app is already semi fullscreen I guess but with the safari toolbar showing). Same issue as above when clicking graphics setting button, cant see menu at all.
Additionally, even if I use the "Add to homescreen" method for Popeye, I cant get it to launch in true fullscreen as the safari menu is still there.
Popeye screen info size says 375x667 iPhone.
I tried parachute on my Android tablet and it works well in fullscreen with sound but I first needed to get it to load the mobile site version as it defaulted to desktop page loading.
Some other suggestions:
Hide the game's menu away when playing, or have it accessible so that it pops up by pressing a single ghosted icon.
When clicking the zoom button, perhaps have an option to "fill screen", "fill height" or "fill width". Or automatically check to see if a particular game is wider than it is tall, if it is wider then expand the game to fit screen width. If the game is taller than it is wide (donkey kong dual screen for instance), make the game fill the vertical space instead.
It could also be good to be able to play in portrait mode for games that are taller than they are wide, it seems to currently automatically switch to landscape mode even if I launched the app in portrait orientation.
Thanks for the feedback!
Yeah, it seems like Safari on iOS doesn't fully supports fullscreen :( That's unfortunate.
As for the sound, again it seems like another limitation of Safari on iOS that requires a user gesture (tap or click) in order to play each sound. See https://stackoverflow.com/questions/53059288/safari-browser-audio-play-is-not-working. I'll try to code a workaround. I don't have an iPhone so I might need you test again when I do.
In the meantime, see if this browser setting works: https://audiomovers.com/help/faq/i-cant-hear-any-audio-playback-in-the-safari-web-browser
Thanks for testing on your tablet. I'm currently working on adding logic that will display the fullscreen icon for tablets so you can go fullscreen if you launch the game as a desktop site.
Thanks for the suggestions :) I'll keep them in mind while working on the next test build.
I just tried Parachute on an old Galaxy S7 and it runs really well, fills the screen better too compared to the iPhone's 8 aspect which doesnt quite match the aspect of the game when you click the zoom button. I'm transported back in time and feel like I'm looking at the real thing.
Would it be possible for you to access the phone's vibrate feature so you could feel some tactile feedback every time you press a button? That would add an extra level of immersion.
I'll be away travelling for most of July into early august so may not be able to give any feedback during that time.
I think the audio issue link you mentioned is only in relation to Safari on Mac, doesnt seem to apply to iPhone as those options are not available.
I'll see if I can access the phone's vibrate feature to add some haptic feedback.
I've updated the parachute build with a potential fix for the iOS audio issue. Let me know if works on your iPhone.
There does seem to be some advance with the iOS sound issue, sounds now play for a short while albeit a bit distorted but then it goes quiet again shortly after, gameplay also seems to be a lot less responsive with newer version in iPhone 8.
I did find an easier way to get fullscreen on my iPhone without needing to add your website to my homescreen. Load the game's page in portrait mode but before pressing the play button to load the actual game, scroll up slightly on the page and the toolbar should hide, then press play and game will load into full screen mode with no URL or toolbar.
I also tested on a 7th gen iPad and it seems to go to fullscreen in safari but has similar issues with audio after a little while of play, it also has same issue with regards to game graphics popup menu being mostly offscreen and impossible to reach the buttons to change those settings.
Android seems to be the best way to play so far.
Thanks for your efforts... it's all very impressive even if there are iOS issues.
