Why does lottie display the wrong color? Gui Guider1.8.1-GA

[rayden]

Figure 1 shows the Lottie raw graph before compilation, from left to right, with a gradient from green to light blue.

On the right side of Figure 1 is an img photo, which is used as a comparison.

Figure 2 is compiled, running only from left to right, all green, no light blue, why?

[rayden]

Hi ,Edwin

The following is my demo code, please extract 'lottie_demo.7z.001.7z' and 'lottie_demo.7z.002.7z' separately first.

This will give you two files called 'lottie_demo.7z.001' and 'lottie_demo.7z.002' and unzip them at the same time.

BR,
Rayden

[EdwinHz]

Hi @rayden,

I was able to replicate this issue, and it seems like this issue is inherited from Lottie itself, not GUI Guider. At least, this is what I've gathered from the following links, all of which describe an issue when using transparency and gradient at once:

Gradient and transparency · Issue #833 · airbnb/lottie-android

issues with gradient and transparency · Issue #1162 · airbnb/lottie-web

Gradient and transparency animation issue · Issue #2091 · airbnb/lottie-android

I recommend you post this issue on the airbnb GitHub and let them know about this Lottie related issue.

BR,
Edwin.

[rayden]

Hi ,Edwin

The GUI Guider version Gui Guider1.8.1-GA. As attached ‘Input_Left.zip’, it is a Lottie raw graph.

This issue comes up when I run the GUI Guider emulator. The compiled program has not been ported to the MCU.

[EdwinHz]

Hi @rayden,

Could you please share your code in order to test this further from our side? What MCU and GUI Guider version are you using?

BR,
Edwin