how to animate scene transitions to implement a 'slideout' style transition and iOS-style navigation

Solar2D Advanced Graphics
#1

Looking for help to make a generic slide-out (like for a settings view, similar to facebook slide-out), as well as making a composer.gotoScene use a smooth transition, for example, the target scene slides in from

left edge to fill stage, and when you navigate back, it slides away off the right edge of the screen.

Looking for a generic method so navigation can be made to look natural, like on most iOS built-in apps (settings, Mail, etc)…any advice or pointers appreciated!

Thanks!

#2

Have you tried “fromLeft” and “fromRight”?  “slideLeft”, “slideRight”?

#3

LOL thanks (RTFM!!)… I had missed that simple detail (newbie!).

However, follow-on question…sometimes (e.g. Facebook settings), the main scene slides away on left but not completely, a portion is still visible, to convey to user that they should close the settings to go back to regular view…any ideas on how to mimic that effect? (when user touches any part of the still-exposed main scene edge, it slides back into full view).

And (cheating) while I have your attention, I also posted a question regarding pushing up my scene when the keyboard comes out, and restoring when keyboard goes nil…so you can see the chat messages while you compose a new one…any help much appreciated!

Thanks!

#4

I would not make your slide in menu a separate scene.  Instead I would create a module that draws it all in a display group and you can do your own transitions to slide them on and off.  Scenes are really designed to do full screens of things.

Rob

#5

Have you tried “fromLeft” and “fromRight”?  “slideLeft”, “slideRight”?

#6

LOL thanks (RTFM!!)… I had missed that simple detail (newbie!).

However, follow-on question…sometimes (e.g. Facebook settings), the main scene slides away on left but not completely, a portion is still visible, to convey to user that they should close the settings to go back to regular view…any ideas on how to mimic that effect? (when user touches any part of the still-exposed main scene edge, it slides back into full view).

And (cheating) while I have your attention, I also posted a question regarding pushing up my scene when the keyboard comes out, and restoring when keyboard goes nil…so you can see the chat messages while you compose a new one…any help much appreciated!

Thanks!

#7

I would not make your slide in menu a separate scene.  Instead I would create a module that draws it all in a display group and you can do your own transitions to slide them on and off.  Scenes are really designed to do full screens of things.

Rob