Importing Lottie files

[Egg Bramhill]

Thanks Spamiky. Looks like it's been approved now.

[bwood]

All round, it might be easier to produce a small animation in Xara rather than mess with these files, although I do see them a lot in websites.
Thanks all
-Bill

[handrawn]

in what format ?

for motion graphics [the sort of animated shapes that you see on websites and presentations] these files beat anything xara can do in terms of scalability and file size

only down side I can see is the cloud hosting

[Acorn]

You can generate with After Effects or on-line, lodging in the Cloud, but you can deploy your JSON LottieFile from your own server thereafter: https://css-tricks.com/animating-with-lottie/ & https://airbnb.io/lottie/#/web .

Getting the js right is the main grief.

Acorn

[Egg Bramhill]

Cheers for the links Acorn.

I was merely trying to answer Bob's op re whether it could be included in a Xara website and indeed it can.

However there are two questions that jump to mind.

It appears to be very Adobe After Effect centric. At £20/month that may well beyond many members price range. I've only looked very briefly but I can't find a cheaper json creator tool, nor animation tool.

Secondly I've not been able to find a way to compare Lottie file sizes against an svg file size, nor had problems with my created animated svg's displaying on various platforms.

[Acorn]

Egg, here's an approach:

• Log into your free LottieFiles account.
• Export an SVG design from Xara.
• Add to https://lottiefiles.com/svg-to-lottie/convert.
• Tweak your animation.
• Download the LottieFile (*.json) to your local filestore.
• Go back to LottieFiles > My Private Animations > Click and get its Asset Link.
• Open https://lottiefiles.com/web-player.
• Paste in the Asset Link.
• Change the Width and Height values to 100%.
• Make your other adjustments.
• Copy the Generated Code to a Xara Placeholder Body (code).
• To replace the Cloud animation with your local one, select the Placeholder and press Shift+Ctrl+Alt+A and attach the local JSON file.
• Change the Placeholder code from <lottie-player src="https://assets1.lottiefiles.com/packages/*.json ... to <lottie-player src="index_htm_files/packages/*.json...
• Move <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> to Website > HTML Code (head).
• The hard bit would be to use the https://lottiefiles.com/tools/json-editor to tweak a design further.
• You may be able to use https://inkscape.org/~mattia.basagli...e-importexport.

Acorn

[Egg Bramhill]

That looks promising Acorn. Loading from the local server would be far better than loading from a site that may/may not dissappear.

My main concern is the very small lack of animation features and is it worthwhile regarding the file-size savings between animated svg's that I can create using svgator over lottie files.