Handling Device Rotation

  • 8 favourites


1,408 visits, 1,765 views



This tutorial hasn't been translated.


This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

I recently received an email asking how I handle device rotation, so here it is!

Create an upper most layer on all layouts and name it rotate. You need to create this layer for all layouts.

Set the rotate layer's parallax values to 0,0. Set the layer's properties to invisible.

Create a large blank, black colored sprite, and stretch it well beyond the layout size so it covers the entire window size.

Add a graphic that says "rotate device" or "turn sideways" to the rotate layer on top of the black sprite.

Add the browser plugin to your project and create the following statements for and in each layout:

Browser 》Is Portrait 》System 》Set layer 4 Visible (rotate layer)

                                                        》Set layer 3 Invisible 
                                                        》Set layer 2 Invisible 
                                                        》Set layer 1 Invisible
                                                        》Set layer 0 Invisible 

Browser 》Is Landscape 》System 》Set layer 4 Invisible (rotate layer)

                                                              》Set layer 3 Visible 
                                                              》Set layer 2 Visible 
                                                              》Set layer 1 Visible 
                                                              》Set layer 0 Visible

That's it!

Enjoy and Vote!


  • Order by
Want to leave a comment? Login or Register an account!