Author Topic: [Tutorial] Adding transitions between layouts.  (Read 6549 times)

qqplayer

  • Sr. Member
  • ****
  • Posts: 301
    • View Profile
[Tutorial] Adding transitions between layouts.
« 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
« Last Edit: March 13, 2017, 02:18:11 PM by qqplayer »

jedione

  • Hero Member
  • *****
  • Posts: 1135
  • punktoe
    • View Profile
Re: [Tutorial] Adding transitions between layouts.
« Reply #1 on: March 13, 2017, 02:39:30 PM »
help a friend....

chad.burdette88

  • Full Member
  • ***
  • Posts: 37
    • View Profile
Re: [Tutorial] Adding transitions between layouts.
« Reply #2 on: March 13, 2017, 05:09:07 PM »
These are awesome!!

bundangdon

  • Sr. Member
  • ****
  • Posts: 212
    • View Profile
Re: [Tutorial] Adding transitions between layouts.
« Reply #3 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

Neosys

  • Full Member
  • ***
  • Posts: 50
    • View Profile
Re: [Tutorial] Adding transitions between layouts.
« Reply #4 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)
« Last Edit: March 21, 2017, 07:59:00 AM by Neosys »

chad.burdette88

  • Full Member
  • ***
  • Posts: 37
    • View Profile
Re: [Tutorial] Adding transitions between layouts.
« Reply #5 on: March 23, 2017, 09:21:46 PM »
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

  • Hero Member
  • *****
  • Posts: 1135
  • punktoe
    • View Profile
Re: [Tutorial] Adding transitions between layouts.
« Reply #6 on: March 24, 2017, 08:04:01 AM »
ya when i get home to night, ill look at it....
help a friend....

chad.burdette88

  • Full Member
  • ***
  • Posts: 37
    • View Profile
Re: [Tutorial] Adding transitions between layouts.
« Reply #7 on: March 24, 2017, 03:58:38 PM »
Thanks man!

jedione

  • Hero Member
  • *****
  • Posts: 1135
  • punktoe
    • View Profile
Re: [Tutorial] Adding transitions between layouts.
« Reply #8 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
help a friend....

jedione

  • Hero Member
  • *****
  • Posts: 1135
  • punktoe
    • View Profile
Re: [Tutorial] Adding transitions between layouts.
« Reply #9 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"
help a friend....