How to move a dot based on steps on the lower part of a watch face?

Hi everyone,
I’m a beginner and currently learning watch face development. I’ve created a basic watch face, and I’d like to add a small dot in the lower part of the screen that moves based on the number of steps taken.
The idea is for the dot to move along a circular path (like the bottom half of a circle), depending on the progress toward a daily step goal.

What would be the best approach to achieve this?
Any guidance, code examples, or suggestions would be greatly appreciated.
Thanks in advance!

1 Like

Search timeline for some tuts or explanations on how to use it.

Make 10 instances/positions of the dot from 0 - 100% and then just set them up in the “steps” timeline.

Once you have it figured out, the sky is the limit as to how creative you want to get with it.

2 Likes

Couldn’t this just be done using tag expressions to set x and y?

U can refer Sample Project in WFS, Weather_health_D_C.
Under UV Index group, UV Index Dot. This sample use the Ellipse Shape, with name UV Index Dot. Check the tag in ROTATE- Angle.

In X and Y position a sin and or a cos formula can be used to Orbit a Dot / Object . This is cool because the dot could be an animation or a changing number . I can not post a test at the moment but there might be a TUT posted here somewhere .
.

1 Like

Hello,
As @russellcresser pointed, orbiting could be useful if you for example wanted an un-rotated text to follow the path of such dot.
If it is just the dot, I would suggest two other methods.
a)
-Make a transparent image as wide as the arc diameter plus the dot size.
-Draw a dot on that image left edge. It looks like you even want black gap around the dot, so draw it in the image too.
-insert the image to your project, center it to your arc and set it up to rotate like
0-180*[SC]/[SC_GOAL]
b)
-insert white circular progress bar with rounded ends, adjust its curving and thickness to match your arc position and size, but make its thickness to match your dot size.
-set its value to small number (like 0.1) and background to fully transparent
-set its rotation like -90-180*[SC]/[SC_GOAL]
-reapply the same with another slightly thicker progress bar, shift its layer below the white one and make it black
Check example in attached archive
Arc.zip (171.3 KB)

P.S.: for the rotation not to exceed the range when steps count beyond the goal, there should be applied clamp function on the ratio.
-90-180*clamp([SC]/[SC_GOAL],0,1)

2 Likes