How to move a dot along a specified path?

[BGuth.1]

Hi,

In my demo project I have to move a dot along a L-shaped path continuously i.e. start over from beginning once the dot reaches end of the path. I would appreciate if you could point me to an example that explains hot to achieve this.

Thank you in advance.

[Romain DIELEMAN]

Hi,

Are you looking for something like the project shared ? I used a circle widget instead of a button. You could use a shape widget instead. I would suggest having a deeper look at the moveAnimator functionality to understand how to work with it.

/Romain

[BGuth.1]

Hi @Romain DIELEMAN​ , Thank you for the perfect example. It helps.

[Sergey Bogaev]

I would create an object (box for example) that will move and add MoveAnimator attribute to it.

 

Then I would use this set of functions to move the object in the desired direction. (you can simply generate the object's movement in TouchGFX Designer Interactions and see an example of the generated code in xxxBase.cpp file)

To loop the movement I would use the handleTickEvent() function (this is a function that is called periodically), which you can override in your view file.

In this function, I would check the state of the animation and restart it when the movement finishes.

But perhaps there is a smarter solution :smirking_face:

[BGuth.1]

Thank you @Sergey Bogaev​. I appreciate it.