Personalize RotateScreen?

[gaelbeltran]

Hello, I've been searching through the forum and google but couldn't find info on this.

Is there a standard way to do this? I want to show an image to the player that says something like "Please rotate your device" and change the background color.

But panda only shows a white screen.

 

Thanks in advance!

[Eizch]

I don't know with panda.js, but I would try using something like boostrap's conditional styling to show a div over the game when the screen is not in the side you want it.

[gaelbeltran]

In that case is there a method to detect orientation change?

[Eizch]

Not directly that I know of. Using bootstrap's media queries you coul use something like (in .less)

@media (max-width: @screen-xs-max) and (orientation:landscape) {     // Put your conditional css here}

And then if you need to do things with javascript maybe you could try this "hack" https://www.fourfront.us/blog/jquery-window-width-and-media-queries

 

 

This should work on a page web, but I have no idea how to deploy an app yet, so I don't know if it can work in the final product.