I have done something similar. It meant creating an image for the gradient "haze" and placing it in a Texture Mapper. The texture mapper can be rotated. However, as Ozone stated, this does take a lot of processor resources because the Texture Mapper rotation does not utilize the ChromArt. When I did it, the animation was a bit choppy.
Another option is to place the gradient "haze" image in a Circle and change the start angles and end angles of the circle as your animation. However, I believe this means you need to have a gradient image over the entire sweep and might not be what you want.
There may be other ways. I do not claim to be an expert. Hopefully you'll get some more answers to your question.
Thanks Ozone and ScottSD for replying. My processor (fSTM32F4xx or STM32F7xx, not sure yet) is just taking high level commands over UART and driving the display based on these commands. (similar to a Nextion display). Horsepower is probably not an issue but i have to prototype this.
No problem. I know what it's like to struggle trying to figure this platform out and the more of us that help each other in this community, the better we will all be for it.
If performance is not much of an issue, I would give the TextureMapper a try. It is fairly straight forward, but I found that when I loaded the Animation TextureMapper Example (select it when creating a new project in the TouchGFX Designer), I was able to look at the code and get an idea of how to setup animation and rotation. Here is what that example looks like when selecting it in the project creation process:
And the great thing for you is that the TextureMapper is now part of the Designer! It was added in the latest release (4.12.3). I had to write code for it without the use of the designer in the previous release (4.10.0).
Basically you'd have your circle progress like you have and place a TextureMapper over that. Add the gradient haze image to the TextureMapper and rotate it accordingly.
