[Tutorial] Adding transitions between layouts.

[qqplayer]

Testing little animations while changing between diferent layouts.

This is the code I´ve used if anyone wants to add to their creations.

Code: [Select]

{
local bgsolid = fe.add_image( "background.png", 0, 0, flw, flh );
bgsolid.alpha=255;

local bgsolid_shrink_cfg = {
    when = When.StartLayout,
    when = Transition.ToNewList,
    property = "scale",
    start = 1.4,
    end = 1.0,
    time = 1000
    tween = Tween.Quad,
}

animation.add( PropertyAnimation( bgsolid, bgsolid_shrink_cfg ) );
}
https://www.youtube.com/watch?v=aVoLsfaCYSo&feature=youtu.be

[jedione]

ya this looks good.. thanks


here is one also to share, 

https://youtu.be/06GWiOEZ-Uo

https://www.dropbox.com/s/7nmuo814wog0xr4/layoutfade.rar?dl=0

[chad.burdette88]

These are awesome!!

[bundangdon]

I've been waiting for something like this to come along for a really long time! Thank you 

[Neosys]

Hello!

I do not get that the wheel fades out automatically.
I use the unified layout.

Please help.

Thank you

EDIT:

OK! Got it 

[chad.burdette88]

ya this looks good.. thanks


here is one also to share, 

https://youtu.be/06GWiOEZ-Uo

https://www.dropbox.com/s/7nmuo814wog0xr4/layoutfade.rar?dl=0

Hey Jedione,
I'm working on a Attract Mode theme project on the Hyperpie FB group https://www.facebook.com/groups/1158678304181964/permalink/1236466849736442/?comment_id=1247461055303688&reply_comment_id=1247511458631981&notif_t=group_comment_reply&notif_id=1490324130679601 and was wondering if you could help me figure out how to implement this wheel motion/fade in the codding of our layout.nut

[jedione]

ya when i get home to night, ill look at it....

[chad.burdette88]

Thanks man!

[jedione]

here ya go...ley me know..

hey bro..
so here is what i recreated from what you sent me....
keep in mind that "WHEEL"can be moved to the other side ..
and i did not add the simple stuff like game title..would love to help you, because i
also love the raspberry,,,  let me know what you think!   OK

just add the "bounce" theme  to your layouts folder and run....

https://www.dropbox.com/s/73e8vexvybu767g/test.rar?dl=0

[jedione]

notice that it is all just timing,, and layer,, order from  "first to last" "behind to front"