So here’s the thing, there is a fair bit of talk bubbling around svg inlining in Phoenix. A few of the Phoenix phrenzy project used them and added some animation etc.
Has anyone taken a look at getting elixir to parse lottie Json files to Phoenix. It’s easy enough to use the lottie web js libraries but as it’s just json I wondered if phoenix may be able to achieve the same type of json based svg player.
I have for the past few years used bodymovin to export animation from after effects which essentially creates a json file that is recreated as an svg by lottie player.
The complexity of animation and ability to trigger play loop goto frame etc makes it the only real choice for svg animation these days.
Cant see anyone mentioned it here, so anyone interested in working on a phoenix lottie implementation if none exist
Here are some examples of lottie animations and you can download the json files for them. They look fairly well structured and can see name meta name type etc as one letter keys just seems like there may be a way for phoenix liveview to work directly somehow
Example button
https://codepen.io/alexandredesign/pen/XzLQm
Bodymovin ae svg animation export jhttps://www.battleaxe.co/rh2-bodymovin/