Attract-Mode Support Forum

Attract-Mode Support => Themes => Topic started by: qqplayer on March 13, 2017, 02:14:07 PM

Title: [Tutorial] Adding transitions between layouts.
Post by: qqplayer on March 13, 2017, 02:14:07 PM

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

Title: Re: [Tutorial] Adding transitions between layouts.
Post by: jedione on March 13, 2017, 02:39:30 PM

ya this looks good.. thanks


here is one also to share, 

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

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

Title: Re: [Tutorial] Adding transitions between layouts.
Post by: chad.burdette88 on March 13, 2017, 05:09:07 PM

These are awesome!!

Title: Re: [Tutorial] Adding transitions between layouts.
Post by: bundangdon on March 14, 2017, 05:58:44 AM

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

Title: Re: [Tutorial] Adding transitions between layouts.
Post by: Neosys on March 20, 2017, 03:42:34 PM

Hello!

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

Please help.

Thank you

EDIT:

OK! Got it  8)

Title: Re: [Tutorial] Adding transitions between layouts.
Post by: chad.burdette88 on March 23, 2017, 09:21:46 PM

Quote from: jedione on March 13, 2017, 02:39:30 PM

ya this looks good.. thanks


here is one also to share, 

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

https://www.dropbox.com/s/7nmuo814wog0xr4/layoutfade.rar?dl=0 (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

Title: Re: [Tutorial] Adding transitions between layouts.
Post by: jedione on March 24, 2017, 08:04:01 AM

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

Title: Re: [Tutorial] Adding transitions between layouts.
Post by: chad.burdette88 on March 24, 2017, 03:58:38 PM

Thanks man!

Title: Re: [Tutorial] Adding transitions between layouts.
Post by: jedione on March 24, 2017, 08:45:07 PM

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 (https://www.dropbox.com/s/73e8vexvybu767g/test.rar?dl=0)

Title: Re: [Tutorial] Adding transitions between layouts.
Post by: jedione on March 24, 2017, 09:12:08 PM

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