-
Notifications
You must be signed in to change notification settings - Fork 154
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
lottie export #1046
Comments
What operating system and operating system version are you running? Is this happening when you press to the "LOTTIE" button in the bottom right corner, or when you use "Project" --> "Export" --> "Lottie"? Are the Haiku Animator features known to not be supported by Lottie (you can check here or here)? Could you post the code for the Haiku Animator project so we can troubleshoot line by line? |
Hi. |
I'm currently experiencing the same issue, when I export to Lottie format it only creates an empty json file: {} Exporting as GIF or Video works fine. |
In my particular case problem was in strokeDasharray format. For value delimited by spaces exported lottie looked empty. Comma delimited works fine. Ex.: strokeDasharray: "120 50 70 100" -> empty lottie animation; strokeDasharray: "120, 50, 70, 100" -> OK. |
hi bro, do you solve this issue? |
No yet 😅 |
No, I could not wait for this issue to be resolve so we ended up using Adobe After Effects with bodymovin. Worked flawlessly |
I'm currently experiencing the same issue, when I export to Lottie format it only creates an empty json file: |
Same here in my current project (export file includes |
Same Problem Here. when i'm trying to export to Lottie format it only creates an empty json file |
The console display:
|
Indeed. Just need to prepare your assets carefully. |
When you get To solve: try removing features from your animations and exporting again; try simplifying or rasterizing assets from design tools and exporting again. More troubleshooting ideas below. @X-Ryl669 regarding Inkscape, the manual steps you're describing to normalize SVG for Animator are very similar to those that had to be done for Sketch, Illustrator, and Figma. If you (or anyone else) is interested in automating those steps and creating an Inkscape importer, you could start by looking at these files:
Back to Lottie, copying+pasting more info from the old commercial help docs (see https://github.com/HaikuTeam/animator/blob/master/articles/page-6.json#L154) Known issuesAny discrepancy between Animator & Lottie could be a limitation of Lottie support. In general, the limitations of the Lottie integration are documented here. Lottie + Animator doesn't support
TestingOnce you've created your animation, please export to Lottie and test the obtained Lottie JSON at https://lottiefiles.com/preview When a Lottie export doesn't work, but there is an exported blob of JSON — it's almost certainly a Lottie version issue. The Lottie runtime has introduced several breaking changes across versions, without any clear notification or documentation of these changes. This is further complicated by inconsistent adherence to versions across Lottie's iOS/Android/Web players. For a fix, I would recommend trying an older version of Lottie, closer to the versions listed in this section of our Lottie docs: https://docs.haikuforteams.com/embedding-and-using-haiku/lottie.html#limitations More informationWill Lottie support dynamic features soon?We don't expect Lottie to become a full application runtime. They are pretty intent on staying the course as an After-Effects-to-Animation solution. We agree that full cross-platform native runtimes, including interactions, would be awesome. As you might imagine, it's also a lot of work. Older versionsIt's not currently possible to export the animations to a .json that's compliant with older Lottie versions. Theoretically a more modern lottie.json exported by Animator should be compliant (and backwards compatible) with a previous version of Lottie, but if it doesn't work that's about the end of the line. Lottie is so generous with breaking changes that tracking each of their versions separately is out of reach for our small team. We recommend upgrading Lottie inside your project if that's an option. TipsSizingThe “Size X” and “Size Y” you set on the Closing pathsFor Lottie to render your designs correctly, you need to \"Close paths\" in Sketch. If you run into any additional issues you can contact us with the share.haiku.ai URL we can look into that project with more specificity. StrokesIn your design tool (Sketch/Figma/AI) — convert that stroke to a fill. It's possible the Lottie export will then work as expected. If that doesn't work, you could also try converting the stroke to a raster image. There are certain vector artifacts/elements that Lottie won't render, so these work-arounds may get you there. |
I gave up fixing the SVG to whatever Haiku is able to use, so I'm using Glaxnimate. It works flawlessly, the output lottie file are way smaller and cleaner. Sure, the interface is a bit like Inkscape with many properties exposed as widget instead of nice GUI slider, but who cares if it works? |
when try to see the lottie preview... dont show anything...
video and animated gift work great.
The text was updated successfully, but these errors were encountered: