Lottie Animation JSON not Loading, HISE Crashes

[DabDab]

I have prepared a simple Lottie animation. But when I am trying to load it in HISE, it keep crashing. Here is the file (JSON).

RBGC.zip

[ustk]

@DabDab Where does this JSON come from? There are 1.8 million characters in it

[DabDab]

@ustk From After effects and Lottie Files

[orange]

@ustk said in Lottie Animation JSON not Loading, HISE Crashes:

There are 1.8 million characters in it

I think that's the reason of the crash :) It took 3 seconds to load just for the preview the code in Safari. That JSON code should be much lighter, so maybe this animation is too complex for this.

[Straticah]

@DabDab also it seems that you have used blur, hise is not able to convert lottie blur into a layer. I made the experience that lotties work best which are made without any effects that do not apply to opacity or shape. Gradients and morphing is no problem. Also particles are possible if the spheres have a low amount of splines. Be aware tho that HISE will convert the lottie which does loose some features that may be available in after effects.

[DabDab]

@Straticah Nope ! even lottie files doesn't support such effects. so I didn't use any blur to produce animation (directly). What I did was, I rendered all frames( all effects) as image sequences and then imported it back to AE. Then I made lottie files.

[DabDab]

Now this lottie is not loading in HISE.

const lottie = "2101.nT6K8CF5rzUP.nDSvzfJvyJtMvxHktrF1CP8n0Jt0.PsL79y.d4Uf2PwthHhHVT39nqwYfmAdoDAgC.1.rK.EP.VRkjmiCpHmmDFTfbHmbRupPMqyFd22ELjjdqHJdOWbjHAM4rTwnqTxbTHLlF0lGWXQIEXU3.UQjzRwnQNWn.xAD3WZYhTzCFNTVJlIHS45L21u9sy4P8UMVOKOQjbnfw6AEFTlTwggUEQbnLfFnHGp3H4AYfkpw5ohyBlXkwSZBkUFVff7P0XI8djjbjPhmHXwyBnGrTMVUrHYoXzrUMVSvAoZrtLYoXXqpwJZhkhYJxShJVpFKmkhYwTLQlZAAnjdnLggmIuGjikpwhhUFpFKm2SkkhY8Xi8R0XcwJi.LuSManyadzo4EY6aeQMWFxz1CHmsLghb71UHjK3D7tz4ojHd5UMKHN8SjWzyEnHGjdrH5I4n.IGIoigLsQw7MG8Oy2g8hNaWAXAFrvATIf.HvAATK3X.PzPABPutGJTXw4E4gA5kUjnIWC6N6RFae2ULSSXpcad7TLdqRrcWHLTjBSVYjqjAgGKNTbPULSOIFxEKfzHWVJjoUkHnIjr3D0fo1QhqP58sUEiSWQOUiJxDIWbhL.EJSXnRDVJlrULYDJSnXldjn3LgDm2CpF0CpHnWjGGnVX.ArWaLjwI5sigJyZjcQFgCGYiyczPRsoME4to4Zpnm6u86n9o+OxRMULM7ZCWV6Zsd8GcOioywjYlaTc6GSswwvs0vz5NFYO6n58u31oawj8LQW+e1zJyJ5WTwh8bZ3DjdpvjUFNRhD8TQjSkjcmae3b7CHIFOXJ+XZRyJPlfDYBor4RnrMQOI7.DpHZvgiFXXMQKIwakJJrtm+ald23pqyLqstVuaNEwYLpcSqI9bq4a+eKwsaTLMlacMF.fIHO7.+LqcF2s8Npb6QWcNQ2pHydUa0csQlmbiMF6Vxv76GYMmnubiot0g6iuisuSr0naYuKcnmKmn2tKeOUG6V21XqXbrC8eUkUFWFCat4vL2FYF8lcejaVUws0FWESxXjaMF0rQe.BHbscQc6bas8yFxVOwrSkwbcr8cG9a2rFm2P26Opb+P7pJhHxrwz6DUkYj21xvF+NuaGSaFa+5ZtNY7asawBlCphoRMLBBM...A.HHH.HZJDLXdZTXMVOfb.CTQxhAgLNCfXT.Bw..P.HX...X.B.CaBf3PriG+ksPJYNb3S9DTl.OZ2hXCxOO30.rTzFgAP.PTPUnc9JKqDs1KhscoSOjis48+MBj1SMkgX+3NeGkpPnYNkagdhkF5dV6ACffneFS5Yii+axTB6RVGtPvINT8lTD9lcVGzmv+.S24tZ.aI048g1GwA6QQoz2t1.BfiLPxD8QFzFszQoFAOXh28o1R2WPq.hqbAMyOsj.U+0aMFsZgmbYZFd2J8qy+XOkwqFHmkq.uieT5G6q3uiu0vqpyspQM9HPV14hgWC5oKCaMRA0r1lQNLtkDaytLj1WAgKKfBhmUd+fLyJfUSb4C1wqp7ZIFcCWzx0N7t4QkDZAPzQe1FKJJbd5GmLU6nrvGMdat0OfkITFJWEjehlZrq9o4.chCuBZS5KKFN.PSVbnWtzyYhQSWC8x7ybUH+3XG8vYvJxe0sVtVP.lLDOZ7AANxWbzIJbcAhlV0H9H4GEviL8pSMt2PID0CiOiIblrV1Ij3UE8g4fsv2YdrM+hdd0IcCLwlzDEF23Uq9FOe.6N8f5j.WqgRcH32nZ4FTmkaRDEDRJLSF5F51AFdlxUNK11ol6W.xG9MF4gw6nYRNNdPSGX8m1C.U41yzOkKR.GiKR7OKmTCLxxbEMIbyUezE7Q0LALC4be180X1z.B1izDmgq7JMZB4F4X3S8HF+dAyymXUq34LRkAuIcN6NEhhrn0rr1UfpnqqC4VFvr0yLgq51h1n54Y0NuuVZB6TcOgD+aeNh8Wy5S.a4QCzdRcYYj2d8FfUOu2CzsbovDfqgpRHGnBHKTs6Fy5iL0UYAf7ib+qIukYzqT9qjxx4NC22xg+o6+SiTO1esKDpbIINThTUTBlZaZM5gU0PytEYq.V.WBLGJegYk01hXmUwqv0ShHfSqqTihmDeWK5Tq8PtZY.Cyqtncgwl4GKHaF8MrIGzGu8pcMqjrGystBTA9ZPDK+wdrDFNk5KQyfTLxOshvgxiZenPXRkU9eDQZWWEWVO6i09C5z+JjxpDfvS6jrBP+ClHCf.Gjqy5fmuHR3ENhQM2PYMuOVglgG8vh3pLR.w26ICg0j3BNaQwKfC3OxwuCVPvr.mv3nzFlcxQaFSjVLnIMIhlwmC1aXuwuwobXXbpbBTncMrYmy9f2ELg3MQem2B7Et8kQSNYXTE+n6T8j7mEfb4Qz6En.IKuu3i3HeVzJXpUL8xTw38LE4HAd85eg96KOA.Rx.X9Cr7y.RbtzHpLhuwh3l+AR6Ne.l0XZuxgvj1KKHmYv6CAFu0P0q1FK.33efLmtPhAw0jBRdbUTLNycL6Ml3sRkEe4+Kz51uCLtM.5tNyeFsEBTbO5VLoz2vFERCrHsOEAVTdn7L0mO+t1TDBFl7zlp2EvtAIQowBxLQTV5vs5AzMZ51BB682wBxgNDibhpaMqre2p0r6HVWGu+H3AvXLfIy7tlpFZVU9tOrj.uJXTWbr8Xze2DVH1pxwXYegD5iKxyr5mYcf5gKjSU3GPFdMBK3NObXK.sbI8wqQuZfy4ho+ZR5QASUOzParQd23aY4cyj6i+k.Ecnu6YoZ1c.6TmNleXIyL8QAgh8J7qYNuvXlTlMO.";

const var Panel1 = Content.getComponent("Panel1");
Panel1.setAnimation(lottie);

[Dan Korneff]

@DabDab the animation data says:

  "active": false,
  "currentFrame": 0,
  "numFrames": 0,
  "frameRate": 0.0

I don't think it was converted properly.

[DabDab]

@Dan-Korneff I will make a screen rec shortly. Correct me please what I am doing wrong.

[orange]

@DabDab said in Lottie Animation JSON not Loading, HISE Crashes:

What I did was, I rendered all frames( all effects) as image sequences and then imported it back to AE. Then I made lottie files.

Lottie files are vector based. I am not sure the image to lottie will work in Hise.

With After Effects, it works here but all of the layers are paths (shapes), not images.