3 ms·
Recently a side project of mine required custom svg animations based on user actions. I built a nodejs api abstraction so that a client could send a json reques
by jamesmcintyre 9y ago
Recently a side project of mine required custom svg animations based on user actions. I built a nodejs api abstraction so that a client could send a json request which described which svg asset and what type of size/animation/timing/sequence (the api allowed the client to compose animations in a sequence) then the response would be the resulting json lottie asset which would render on the React Native client flawlessly. I also incorporated client-side animations with another css-type animation library so that standard svg's could easily have default animations with little-to-no additional coding. This works on iOS, Android and web with one api and pure json.
However, the process of building the svg animation asset library still required I use Adobe After Affects to design/animate then use the Bodymovin After Affect plugin to export to the lottie-friendly json format. With Haiku I might be able to replace After Effects with Bodymovin and have a cleaner, version-controlled process!
Awesome product idea, I hope to give it a try soon!
- zackbrown 9y agoThanks! It does sound like the project you described would have been a great use-case for Haiku, e.g. how you can author custom/logic-bound SVG animations with Haiku, then pass live data into a Haiku component to update those animations via React/Vue props. I'd love to see the project you made, if publicly available, as we're always looking for use-cases to drive our development. (You can mail zack@haiku.ai) Oh, and my colleague Taylor wrote some more thoughts about "Lottie without After Effects" from a designer's perspective, if you're interested: https://medium.com/haiku-blog/lottie-without-after-effects-9c5a8e74c239 https://medium.com/haiku-blog/lottie-without-after-effects-9...
- jamesmcintyre 9y agoHi Zack, thanks for the article I'll check it out. Unfortunately I haven't made that project public yet but I'll try to reach out to you once I have!