Lottie vector animation

[lalalandsynth]

@ustk Yes, this is extremely large but it also crashes on much simpler ones.
I also exported just parts of it but still crashed.

[lalalandsynth]

@ustk said in Lottie vector animation:

It's not really easy but doable

In Keyshape ...it easy ;)

[ustk]

@lalalandsynth If it crashes with smaller animations, it's maybe because some processes are not Hise friendly.
I know nothing of Lottie files, but I remember that some processes (like shading, transparency or something I don't imagine...) can lead to some incompatibilities.
Don't ask, that's all I know :)

So maybe you should begin with fewer processes and bring them one by one so you know what is incompatible (and tell us :) )

[lalalandsynth]

@ustk Will do , I am experimenting :)

This does not work.
https://lottiefiles.com/share/F3HrLN

This Works. https://lottiefiles.com/share/Nk5rGv

So one these shapes below work , but not multiple so either it cannot handle larger files or it has a problem with them overlapping ? Trying two of them next

Ok tried two and it crashes , I have seen much more elaborate animations in HISE that work.
So this works
https://lottiefiles.com/share/A1YfWb

But this does not , only a small addition.
https://lottiefiles.com/share/zE77ud

Tried this to check if it was the overlap, that does not seem to be the issue .
Conclusion so far . One shape works , as soon as I add another , non overlapping , the rLottie app crashes when I copy the json into it.
https://lottiefiles.com/share/woBSyQ

Certainly this is a much more complex animation then I am making but this works ?

[lalalandsynth]

@lalalandsynth Anyone been using this with any luck ?

Setting this up again with the needed apps , After FX - Bodymovin for exporting from After FX as Rlottie and Overlord to import into After FX from Illustrator.

The Rlottie converter crashes a LOT , It seem to have to do with the file size of the Json , would it be possible to know what are the limits , if there are limits to the file size. It hard to do any animation and not knowing if it will convert or not.

[lalalandsynth]

Lottie Animator , for PC and MAC

https://www.haikuforteams.com/animator/

[ustk]

@lalalandsynth I've seen that some time ago and it seems very cool, but the pricing is a deal-breaker...

[lalalandsynth]

Yes, agreed .
Have you used any Lottie stuff so far ?

[ustk]

@lalalandsynth Nope, I make my vectors using Hise paths, but I might improve them with Lottie in the future...

[Rognvald]

I seem to be missing how to add more than one "lottie" animation..
please help

[Rognvald]

@Rognvald

To answer my own question.. :)

To add another Lottie animation in a HISE project, you'll need to first create a new Lottie panel on the UI and then assign a different JSON or B64 string to this new panel using the set animation function. This is done by adding a second animation element and using a distinct variable to hold its data, as HISE's set animation command expects to be assigned a unique animation element.

// Example for assigning the new animation to the panel
const secondAnimationData = "PASTE_YOUR_NEW_B64_STRING_OR_JSON_HERE"; // Replace with your actual data
const myLottiePanel2 = Content.getComponent("MyNewLottiePanel"); // Assuming your new panel is named "MyNewLottiePanel"
myLottiePanel2.set animation(secondAnimationData);