Slide in help please

Hi Everyone

Forgive me if this is numb, but im a newie to all these formulas.

I would like to make a image slide in from the left and stay there, could anyone help me with the formula?

thank you
Suzanna

hi Suzanna,
you’ll get a bunch of answers if I don’t get back on today, but we’ll need to know a few things:

  1. Are you saying that when the watch wakes up, you want an image to slide in from the left? Or do you want different images to slide in from the left every so often and stay there?

  2. Does the image fill the complete screen? (is it a background?)

  3. Is the image the size of the screen 320 x 320?

Again I may not be back on today, but tons of peeps can help you once you answer these questions.

-John

Hi John

thanks for replying, yes what i’m saying saying that when the watch wakes up, you want an image to slide in from the left?

I’ve not completely decided on the image yet but it would be (i had to go to that pesky thing called work :cry ) if i can get the planning right a small heart sliding in from the left but on a 45 degree angle. but i then want it to stay there in the middle of screen and grow in size.
Since i’ve posted I’ve also been wondering if i could do this with the time too? but just slide in not the grown in size bit.
Sorry im not technical literate as you can probably tell.

thanks for your time
Suzanna

Here’s how you’d do it.

You’ll need two layers, one to handle the movement onWake and one to handle the growing heart.

LAYERS

HEART - GROW
HEART - MOVE

HEART - GROW
X: 160
Y: 160

  • [ This is the center of the watch]
    W: (clamp(#DWFS#/3,5,195)+25)
    H: (clamp(#DWFS#/3,5,195)+25)
  • [ Presuming your heart image isn’t weird shaped, you’ll want it to grow in both directions equally. If your image isn’t you’ll need to tweak/eyeball it. The above will grow over the course of a minute roughly. You can change the #DWFS# tag to something else if you want it to grow over the course of an hour, etc ]
    T: (0+(interpAccel(#DWE#,1.55,2.85,3)*+100))
  • [ This says to start invisible (0) and grow visible (100) from 1.55 seconds and 2.85 seconds at a speed of 3. Basically, it needs to stay invisble until the heart animates onto the screen stopping at the center at which point it will turn invisble and this layer becomes visible ]

HEART - MOVE
X: (0+(interpAccel(#DWE#,1.5,1.75,3)+160))
Y: (0+(interpAccel(#DWE#,1.5,1.75,3)
+160))

  • [ This starts the heart off screen, you may need to move it further for square watchfaces and depending on the size of your heart image. But basically, it starts at 0,0 and moves onWake (#DWE#) from 1.5 seconds to 1.75 seconds at a speed of 3 to the coordinates 160,160. You can tweak speeds by changing the 3 to a higher (slower) number or lower (faster) number. Similarly, extending the time it takes to perform the movement can change things too. Feel free to tweak numbers and see how it affects things, it’s fun experimenting and seeing what happens. EDIT: Also the +160 for both ensures it moves at a 45 degree angle. ]
    T: (100+(interpAccel(#DWE#,0.75,2.85,5)*-100))
  • [ Like the other layer, here we start visible (100) and go invisible (-100. We’re subtracting 100 to get 0) onwake (#DWE#) I’ve increased the seconds so that it will remain visible shortly after reaching the center. Since the other layer is on top it will hide the disappearing trick.

I know I’ve thrown a lot, and hopefully not made it confusing. If so, feel free to ask any questions. There’s a lot of tutorials explaining interpAccel that can help.

1 Like

Oh this is fantastic,
Im off to loose myself in facer design now - thank you ill let you know how i get on.

Would it be possible to do this with the time too - slide in i mean?
Suzanna

Yes although you’d lose the onWake stuff.

You’d change the #DWE# tag to something like #DWFSS# or #DWFK# etc…

Unless you meant having the time slide in, in addition to the heart, in which case, yes :smiley: The same fields, etc.

thank you, ive been on early’s with work.
So only just getting the chance to catch up. i really do appreciate the help

:slight_smile: Suzanna