This is a alpha version of a Lottie player for Hype. If your not familiar with Lottie then read about it here: Lottie Docs. Basicly you use After Effects and can do pretty awesome stuff. This is also a first attempt to include something more complex into the IDE and I must say we really need some callbacks as the most time implementing this was about ways to find reliable aproaches to monitor changes in the IDE. The Lottie player and the animations files can add up in size. Good thing, the player is written in a modular fashion, so you can exchange the full Lottie runtime for the version you want to use. This demo uses all three renderer (canvas, html, svg) so using only one of them makes it more lightweight.
I’m having a problem with the IDE preview part. My animation works in the export. But, I can’t see the the preview in the IDE.
I added an animation on one scene, it wasn’t visible, so, I removed the lottie.js and HypeLottiePlayer.js file from my resources, used the CDN links, and got the preview. So, I removed the CDN links and re-added the .js files to my resources (and checked add to <head>) and the preview still shows. However, I duplicated the scene and just changed the name of the .json file to match the one I needed on the other scene, I don’t see any preview there. I tried doing the same what I did for the previous one, but, that didn’t work.
I’m fine with it because at least it works in the export. But, the blank space in the IDE is rather confusing. Any possible reasons about the issue?
The preview part still isn’t perfect but isn’t used in the export. Was my first complex attempt of IDE integration. Needs a version bump, for sure! Can you send me the file?
Thanks. Haven’t looked into this for a while and it was only half backed in the IDE preview. The embedding once published should work, though. I stopped writing IDE integrations as there is no official way of doing them and to much effort for it maybe changing in the future.
