Lock orientation for mobile devices

Question

How would I lock the orientation for a mobile device using js, phaser or jquery? Is there a generic way to do it so it locks orientation regardless of the platform or device used?

I basically want to lock landscape mode for my browser based game.

Try to search on google or SO before posting - http://stackoverflow.com/questions/7009743/jquery-mobile-lock-orientation — Mutant, Feb 18 '14 at 04:27
I did Check this page however the solution here doesnt seem to work for me. — user3292309, Feb 18 '14 at 04:42
http://stackoverflow.com/questions/3501510/blocking-device-rotation-on-mobile-web-pages — Dave Cottrell, Feb 18 '14 at 06:01

score 2 · Answer 1 · edited May 19 '19 at 14:49

2

There is a forceOrientation and a forcePortrait method in the ScaleManager class. See docs.

We also usually use an image to ask the users to flip their phones. As well, you can listen to the incorrectOrientation signal so know when the game is in the undesired orientation.

I hope it helps :)

edited May 19 '19 at 14:49

Trevor Reid

3,310
4
27
46

answered Sep 09 '14 at 15:05

score 0 · Answer 2 · edited Jun 07 '15 at 17:39

0

You can also do it using Intel XDK

intel.xdk.device.setRotateOrientation("landscape");
intel.xdk.device.setAutoRotate(false);

edited Jun 07 '15 at 17:39

svenar

115
11

answered Dec 19 '14 at 13:08

Sky Walker

978
1
9
22

Lock orientation for mobile devices

2 Answers2