Fading one animation into another and back again

[sfanara7]

https://beta.facer.io/watchface/0mYmdD9OB2/showcase?watchModel=armaniconnected&watchModel=armaniconnected&draft=true

this is the watch face im working to get the effect.

[sfanara7]

Are you able to see the Mickey watch face?

[lucky.andrei]

I have checked this formula, it runs at least once. Go to DIM mode and go back to reset #DWE#
The object appears and almost immediately disappears.

[sfanara7]

I’m not sure what you mean really

[lucky.andrei]

No. The watch face is not open for inspection.
I would suggest that you change the display of the animation depending on the seconds. That is, split the animation so that it is shown from 0 to 60 seconds and is automatically looped.

[sfanara7]

If I open for inspection would that mean I have to publish it first or is there a way you’re able to inspect it without me publishing it?

[lucky.andrei]

Using your formula you can show an object when #DWE# is greater than 1.02 and less than or equal to 1.19

[lucky.andrei]

Just save the watch face, then switch on inspection mode. Then you can inspect it in view mode or from edit mode by pressing showcase

[sfanara7]

I’m sorry dude, I don’t know where that is. I thought that link I just sent you was it but apparently I don’t think it is

[lucky.andrei]

No, can’t go in for an inspection

[BETA] Join other designers on Facer's Slack chatroom!

Hi all, To help our design community share designs, tips, and tricks more easily, we are opening a beta-test for a Slack chatroom dedicated to Facer. This will make communicating with other members of the community easier than ever, and in real-time! To join the beta-test and chat with other designers on Facer, click here. See you there!

[sfanara7]

I’ll try the Slack at another time, it’e 5 in the morning here and I need to get some sleep, lol. But thank you for your help, if and when I do try slack chatroom I try looking for you and hopefully I’ll be able you send you my watch face for inspection. Thank again and have a great day!

[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#