[QUESTION] How is gradient fill stored in lottie format?

After effects - [A] First color stop location - 10% [B] First color value - #FF0000 [C] Color mid point location - 47% [D] Second color stop location - 100% [E] Second color value - #00FF00 [F] First opacity location - 0% (value - 100%) [G] Opacity mid point location - 53% [H] Second opacity location - 100% (value - 100%)

Lottie file - "g":{"p":3,"k":{"a":0,"k":[0.1,1,0,0,0.523,0.5,0.5,0,1,0,1,0],"ix":9}}

Can anyone clarify how is "k" calculated here. ^__^ I tried searching the documentation, but could not find anything.

My guess: [{0.1 - A}, {1, 0, 0 - B}, {0.523 - somehow calculated from C}, {0.5, 0.5 - no idea}, {0, 1, 0 - E}, {1, 0 - no idea}]

This will be so much helpful in #1785 @bodymovin would you be able to help here?

[bodymovin]

Hi. “p” is the number of “Stops” the gradient has. In this case 3. Each point has 4 values (color stop location,red,green,blue) Since you have only 12 elements in the array, it means it has no opacity information, meaning it is all opaque. If you had opacity information, instead of 12 elements, you would see 18 (12 + 6). The last 6 relate to the opacity stops that just needs a pair per point (opacity stop location, alpha)

The k value, is the number of keyframes. In your case, the gradient is not animated. If you add keyframes to the property, you would see that “k” changes it’s shape. Let me know if you need more clarification.

[bodymovin]

It seems you are using an old version of the format. the “e” property has been deprecated for a long time in favor of having a “s” value on every keyframe, including the last one.