Hi everyone,
A client asks me for an HTML5 game which will be played mostly on mobile, and the game needs to be locked horizontally.
I referred to this tutorial by Ashley, in which I learned that screen locking only happens after requesting fullscreen, and fullscreen is potentially not supported on every browser.
So I made a test, and fullscreen mode is working fine on desktops, but not in a single mobile browser.
I tried the following browsers:
iOS Safari
iOS Chrome
Android Browser
Android Chrome (on 2 different devices)
and the fullscreen mode is never recognized on mobile devices. Which is a big problem for me... <img src="{SMILIES_PATH}/icon_e_sad.gif" alt=":(" title="Sad"> Is there any workaround which would allow me to lock orientation? Or maybe did I do something wrong?
On the link above I see that most browsers are notes as "partially supported". Do I need to do something special to access that feature?
On the code standpoint, I defined the Orientation as "Landscape" in the project settings, and am requesting the fullscreen on the title screen, on a "Touch" trigger event.
If you want to test the game, here is the WIP: http://test.smurf.com/drop18/
Oh and it needs to be an HTML5 game playable in a browser, no export with cordova.
Thanks for your help!