Nicer gotoScene effects?

Solar2D Composer
#1

I have a case where slideLeft and slideRight both give a confusing UX for what is essential a “pick a date” popup view. Like an overlay, but I would still like to use gotoScene and not showOverlay.

Tried some others from here https://docs.coronalabs.com/api/library/composer/gotoScene.html

But they’re, hm, not very handy and useful. From memory, the nicer “pseudo 3D flip card” effect from Iphone (you know the one I mean) was added to Android a while ago? I could have used this here, since the popup is a bit like a setting.

As I see it, the case for using these is when you want to forego the normal left/right slide navigation and show something temporarily. So

  • it would be good if there were “over” variants of all in-place (non-slide) effects

  • the “over variants” could have slight shadow to enhance the over-effect

  • zoomOutIn* could zoom out/in much less, just by 15% or so and you’d still get the desired UX.

Right now I’m trying fromBottom and slideDown (since there’s no “over” effect like toBottom).

I have no suggestions for improvements for the rotate* effects. :stuck_out_tongue:

For any flip effect it would be good to be able to set a background color.

Thoughts?

#2

You can code your own scene transitions.

You’ll have to dig around, but you might find some info here:

https://coronalabs.com/blog/coronageek/composer-library-series-hangout-highlights/

Find this video: ‘Creating Custom Composer Transitions’, then see if there are links under the video.  

There are other resources too, but you’ll have to hunt them down.

I’d also go find the old storyboard framework on GitHub and look at it.  This may give you some insights for coding your own transitions for composer.

  

 

#3

Hi @henrik5,

Here is the tutorial on the topic of customizing scene transitions:

http://coronalabs.com/blog/2014/12/23/tutorial-controlling-composer-scene-transitions/

Best regards,

Brent

#4

Hm. This does the opposite of fromBottom. During transition, the scene behind it is shown, but after the transition, it disappears. (White screen).

 

 composer.effectList["toBottom"] = { sceneAbove = true, concurrent = true, to = { xStart = 0, yStart = 0, xEnd = 0, yEnd = 480, }, from = { xStart = 0, yStart = 0, xEnd = 0, yEnd = 0, } }
#5

You can code your own scene transitions.

You’ll have to dig around, but you might find some info here:

https://coronalabs.com/blog/coronageek/composer-library-series-hangout-highlights/

Find this video: ‘Creating Custom Composer Transitions’, then see if there are links under the video.  

There are other resources too, but you’ll have to hunt them down.

I’d also go find the old storyboard framework on GitHub and look at it.  This may give you some insights for coding your own transitions for composer.

  

 

#6

Hi @henrik5,

Here is the tutorial on the topic of customizing scene transitions:

http://coronalabs.com/blog/2014/12/23/tutorial-controlling-composer-scene-transitions/

Best regards,

Brent

#7

Hm. This does the opposite of fromBottom. During transition, the scene behind it is shown, but after the transition, it disappears. (White screen).

 

 composer.effectList["toBottom"] = { sceneAbove = true, concurrent = true, to = { xStart = 0, yStart = 0, xEnd = 0, yEnd = 480, }, from = { xStart = 0, yStart = 0, xEnd = 0, yEnd = 0, } }