Amazfit Watch faces

Basically, I kinda need some help, I was inspired by a WF which I will show and I went and copied the JSON file and added my own background and custom UI-s to it. But the problem was that the four circles that animate, wasn’t working as it intended, it was supposed to stay there after it was done animating.

Basically for mine, it came from the side and the disappeared right when it was about to be still. I saw the files and the background image was preloaded with the circles. How do I recreate it with some custom UIs?

The video above is the problem that I’m currently encountering And here’s my JSON file, if you guys can figure the problem out and point it here it would be great!



Btw...I’m very noob at coding, so it’ll be glad that if you can help it out. Thanks!

(i can't post videos and images to show you guys the problem tho.... Is there any way to do so? I've attached my file, hope you guys can understand the problem and help me out...)

If I understood correctly, you want to stop the animation when it finishes. If that's the case I think you want to look at this watch face https://amazfitwatchfaces.com/mi-band-4/view/16550

But to keep it short, I guess the "magic" happens with x2 and x3 variables. I still don't know what they do exactly but by the looks of it they can stop the animation when it finishes. Even if that is not the case you should look at the json if you'll find any more clues.

EDIT:

I went over the watchface that I linked to and the animation is done as usual, I still don't know what the deal with x2 and x3 is. BUT if you want to have the dots stay still when the animation finishes then you have to have the dots as part of your background and make the animation sequence appropriate. Include the background color in the animation so that the dots from the 0000 background don't show up during the animation.