lottie icon indicating copy to clipboard operation
lottie copied to clipboard

Transparenzen mit Schatten werden nicht richtig angezeigt

Open omphteliba opened this issue 3 years ago • 5 comments

Animationen mit transparenten Objekten die einen Shatten haben, werden nicht richtig angezeigt.

Beispiel: image

So sieht der Schatten richtig aus: image

Ich hab auch die Animation zum Ausprobieren: (https://dev.fact-finder.de/media/ff_ng_referenzen_startseite_animation_mobile_1.json)

omphteliba avatar Sep 10 '21 11:09 omphteliba

Ich hatte das auch mal (kam durch irgendein Lotti Update). Ich konnte das durch folgende Settings beheben:

rendererSettings: {
    filterSize: {
        width: '600%',
        height: '600%',
        x: '-200%',
        y: '-200%',
 },

omphteliba avatar Sep 10 '21 11:09 omphteliba

Oh, okay... hast du da noch ein Beispiel bei einem anderen File, bei dem das passiert? Oder ist das generell bei alles Files mit einem transparenten Schatten so? Wenn ich deine Beispiel-JSON in den lottiefiles.com-Previewer werfe, dann sehen die Schatten auch so begrenzt aus.

https://lottiefiles.com/share/hek6yu8c

danspringer avatar Sep 14 '21 13:09 danspringer

Das ist eigentlich überall wo transparente Schatten sind. Hier noch ein Beispiel: image Das sieht richtig so aus: image

Stimmt auf Lottiefiles sehen die Schatten im Player falsch aus, aber im Editor von Lottiefiles sind sie richtig: image

Hier auch nochmal die JSON Datei: https://dev.fact-finder.de/media/04-03_ff_landingpages_neu_1.json

omphteliba avatar Sep 15 '21 09:09 omphteliba

Danke für das Feedback.

Scheint noch ein offenes Lottie-Issue zu sein: https://github.com/airbnb/lottie-web/issues/2432

Deine Lösung wird dort auch vorgeschlagen: https://github.com/airbnb/lottie-web/wiki/Renderer-Settings#filtersize-svg-renderer

Ich teste es mal für das Rex-Addon.

danspringer avatar Sep 15 '21 09:09 danspringer

Cool, danke!

omphteliba avatar Sep 15 '21 09:09 omphteliba