Fading one animation into another and back again

[bradtc]

I think what you need to do is a coordinate shift with the 2 animations at once say a #DWE# or other time step condition is met. I’ve done something similar to that in my animated font tutorial, also in my sonic watch face at the #DWE# 26 second mark.

[Tutorial] Animated Fonts

[Tutorial] Animated Digital Time Fonts There are several ways to display animated fonts to represent digital time in Facer, but you have to be creative. I’ll go through a few ways that I have done it in some of my watch faces, and hopefully if others have ways they can add to this living document thread. Sequential Frame Substitution Animated Font This method utilizes the Sequence element in Creator. We will set up a digital clock to make one sequence per each digit of time you wish to repres…

[sfanara7]

Hi, Is this the code I should use and does it go in the opacity field of the layer I want it to last 26 seconds? (let’s say)
$(#DWE#)>(26*0.17)&&(#DWE#)<=((26+1)*0.17)?100:0$

Also would you be able to enable inspection mode on your Sonic watch?

[bradtc]

@sfanara7,
Ok, I have enabled inspection mode on my sonic watch face for you. In a few of days, I’ll disable it again. You will see i didn’t use sequences back then like I would now. Sequences are much easier & definitely the way I would do it these days.

Enter your animation into a sequence. I wouldn’t use the code you note in the opacity field, as opacity doesn’t work well in sequences. I would use the following code in the x coordinate field for x coordinate substitution:

$(DWE)>(26*0.17)&&(#DWE#)<=((26+1)*0.17)?(whatever x coordinate it should be):2000$

Essentially, when your #DWE# condition is met place the animation at the proper x coordinate. When your #DWE# condition isn’t met, move it off screen at X coordinate 2000. Inversely do the opposite for the animation you want to substitute at that moment in time.

[sfanara7]

Hi, thank you for the help yesterday, it’s coming in handy! Can you look at my watch, I’ve just got to this point with it but not able to make the Mickey flying straight disappear for the duration of him doing a the loop.

Also would you know if this effect works without having to hit the DIM mode every time you want to see the effect happen?

[sfanara7]

Also I really do appreciate the enabling of the inspection, I think it’ll really help me out!

[bradtc]

Looks like a great watch face!. However, the mickey in the plane only spins around when I hit the DIM mode 2x, and when it does, you need to turn off the flying straight mickey animation as it is still on. Better yet, don’t turn on the flying straight animation until after the #DWE# length of the spinning mickey.

[sfanara7]

Thanks for the compliment! 2x? Thats weird, it works when I hit it once on my end, but the thing I’m trying to get is that the Mickey flying straight I think I’ll have to brake apart for it to disappear, it is currently in one layer animation, but thing that would like to be able to do is use it the way it is because I would like it to loop as the active animation and then only have Mickey doing a loop de loop every once in a while. Am I able to get this effect without having to hit the DIM mode every time?

[sfanara7]

I think I may have got something! I’ll update in a bit, or if you’d like to look at it now I’ve opened all the DIM side images and I think it looks OK, but I’ll just have to now brake apart the one animation and apply the expressions.

[lucky.andrei]

If you want Mickey to fly all the time, not just after waking up the watch face, tie the formula, to #Ds# or #Dsm#