Clicking on an element to pull another element up. How?

[trey.braid]

I’ve seen a few watches where if you click on one of the elements it will bring up another element.

Example: click on the watch battery charger then the phone charger pulls up…

How is this accomplished?

[lucky.andrei]

To do this, you need a Pro subscription. Then you can use variables.

[trey.braid]

I subscribed to the PRO Subscription last week.

Is there a tutorial I can take a look at for the variables…

[lucky.andrei]

As for the animation. Then you need to add the VAR Toggle item and define the area to be clicked. Further, for the element to appear enough such a formula in the opacity field $#VAR_1#==0?0:100$.
As for the click shift, the x or y coordinate changes smoothly.
When the variable is changed, the object will move smoothly along the x coordinate, when it is clicked again, it will return back.

Help Changing Dial

Hi to all I realized this watch face with a double dial (digital/analog). I switch from one to the other tapping the center. The change of dial happens just saying in one shot. I would like to change dial with a sliding effect, from sx to dx or from top to bottom. Could be from dx to sx or bottom to top too. Could someone help me in realizing this? I would appreciate any help. Not being a math, should be a simple explanation with a ready for use formula. Thanks in advance for any help …

[trey.braid]

Lucky do I add the formula in the main element and put the new element on top of it?

[lucky.andrei]

As far as I remember, the formula was for the top element, and on the click he would move, on the next click he would return to his original place.

[trey.braid]

The problem I’m having when I add the formula to the top element - the bottom is still in place and vice versa. Do I need to adjust the formula at all to match it up with var_# on the scale when it slides from left to right?

Is there a guide to all of this with the formulas?

[lucky.andrei]

After all, nothing can be moved simply to make the object transparent.

$#VAR_1#==0?0:100$

[trey.braid]

$#VAR_1#==0?0:100$

I’m missing something here cause it is not working… I’ve got 2 elements placed - the top is the heart and bottom steps… I’ve added the formula to the top layer and the bottom is set to 100% — if I give it a 0 opacity it then disappears completely.

See the example here:

[lucky.andrei]

Step count - $#VAR_1#==0?0:100$
Heart rate - $#VAR_1#==0?100:0$

[trey.braid]

$#VAR_1#==0?100:0$

Thank you very much, is there a guide to better understand the formulas? I appreciate the help!!!
Trey

[lucky.andrei]

Try to see in this section

Interactive Variables & Layers

[lucky.andrei]

Tomas Joscak – Medium

Tags

Advanced Animations

[lucky.andrei]

There are also many useful people here in real time

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

[mnoftzger]

I’ve got the Pro Subscription and all I’m showing is the Basic Elements. How do I access the other elements?

Thanks,

[Linlay]

Hi Mike,
Are you looking for Apple or WearOS Pro Tools? The Pro Tools for Apple are still in development.
Pro members can use tools for WearOS, however. When you log in select WearOS near the top of the page. After than you should see the WearOS Pro Tools in Creator. I don’t know when the Apple Pro Tools will be available.