Using Lottie in Avalonia

[OmidID]

Recently an opensource Lottie project was released base on WPF + SharpDX and i want to know how we can use it in Avalonia too https://github.com/ascora/LottieSharp
I want to know how we can implement D2dControl for Avalonia
https://github.com/ascora/LottieSharp/blob/master/LottieSharp/WpfSurface/D2dControl.cs

[Gillibald]

If you stick to the Direct2D1 backend it should be possible to port this to Avalonia. A more decoupled version that supports more backends would make more sense for Avalonia.

[OmidID]

@Gillibald It's base on SharpDX now. To make it portable backends it's need to modify lot of things. right?

[Gillibald]

If they just use Direct2D1 API it would be easier to port this to Avalonia because we kind of expose the RenderTarget API via DrawingContext. Haven't checked the implementation details so I could be wrong.

[OmidID]

@Gillibald Another project was released for SkiaSharp https://github.com/yinyue200/LottieSkiaSharp
Now there is 2 separate project exists one for SharpDx and the other SkiaSharp. Do you think is it possible to make it fully compatible with with Avalonia for all platform?

[Gillibald]

Looks like it is possible to just rewrite the rendering logic to support the Avalonia render pipeline. I would use LottieSkiaSharp as a starting point and just replace all the Skia related stuff with our render backend. That way you get support for all backends like D2D1 and Skia. Shouldn't be that complicated.

[jmacato]

It would be better if the potential Lottie port for Avalonia be hooked to our RenderTimers, having a separate timer screws up rendering and is less performant

[FG-rgb]

Are there any updates regarding lottie support?
Are there alternative formats for UX-/UI-Design exports that can be rendered via AvaloniaUI?

[jmacato]

https://github.com/AvaloniaUI/Avalonia.Lottie/ check this out @FG-rgb

[FG-rgb]

Ah nice one. Thanks for the quick response ;)

[jmacato]

not yet ready for primetime but getting there

[FG-rgb]

Ok, I tested it, but seem not to be ready yet. Will give it a try in the future.
I would like to stay informed in case of any updates.
(Actually I only see a green or red background, Platform Windows 10 X64).

[jmacato]

we're in the middle of developing it. stay tuned by watching the repo.

[FG-rgb]

Big thanks. I am looking forward to it.

[danwalmsley]

https://github.com/AvaloniaUI/Avalonia.Lottie/

not ready but can follow along here.

[BaculisBirota]

Hi, I decided to try Avalonia.Lottie. In development mode the animation is played, but in runtime, the animation is updated only if you change the size of the window (manually expose the rendering area). What could be the problem?
In XAML editor:

In Runtime: