search

xvrh / lottie-flutter

Render After Effects animations natively on Flutter. This package is a pure Dart implementation of a Lottie player.
https://pub.dev/packages/lottie
MIT License
1.13k stars 197 forks source link

The gradient in my animation made with Adobe after effects doesn't work as expected. #316

Closed ogikun closed 8 months ago

ogikun commented 8 months ago

Flutter 3.13.9 lottie_flutter 2.7.0

I am trying to incorporate an animation created with Adobe after effect into an application I am currently working on.

The preview screen on LottieFiles shows the animation as expected, but when I actually display it in the application using this package, the gradient part is not displayed properly.

It is occurring on both android and iOS.

Here are the simplified JSON file and the screenshot of the animation.

animation_simple.json

screenshot

ogikun commented 8 months ago

This issue was not a gradient bug. The cause was that the original lottie_android did not support blend mode. This problem was resolved by reworking the animation without using blend mode.

xvrh commented 8 months ago

I think blend mode is coming to Lottie Android: https://github.com/airbnb/lottie-android/pull/2408 Will bring it to Flutter too after

fryette commented 1 month ago

@xvrh any news here? Looks like blend mode still not exists

xvrh commented 1 month ago

@fryette normally blend modes are supported now: https://github.com/xvrh/lottie-flutter/blob/master/lib/src/model/content/layer_blend.dart#L3

Anything that is not supported in particular that you want to share?