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!
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 .
.
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)