Skip to content

Transparenzen mit Schatten werden nicht richtig angezeigt #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
omphteliba opened this issue Sep 10, 2021 · 5 comments
Open

Transparenzen mit Schatten werden nicht richtig angezeigt #4

omphteliba opened this issue Sep 10, 2021 · 5 comments

Comments

@omphteliba
Copy link
Member

omphteliba commented Sep 10, 2021

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
Copy link
Member Author

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%',
 },

@danspringer
Copy link
Member

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

@omphteliba
Copy link
Member Author

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

@danspringer
Copy link
Member

Danke für das Feedback.

Scheint noch ein offenes Lottie-Issue zu sein:
airbnb/lottie-web#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.

@omphteliba
Copy link
Member Author

Cool, danke!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants