Shadow Issues

[vnosiry]

After updating to bodymovin_v5.6.9 I can't see the shadow in my animation

• Not seeing a shadow in all the browsers:
• Using After Effects 2020:

I tried to manually add this code:

_var animation = lottie.loadAnimation({
  ...
  filterSize: {
    width: '200%',
    height: '200%',
    x: '-50%',
    y: '-50%',
  }
})_  

but unfortunetely didn't get the shadow.

Wanted to have the shadow in animation. Thanks!

[bodymovin]

hi, can you share the aep and a separate link with your implementation if possible?

[vnosiry]

https://dropmefiles.com/LAOIJ Here you can find the AEP file. I highlighted the shadow layers with the orange color label to find it easily. Thanks!

[bodymovin]

Can you attach the file here? For security reasons I can't download it from that site.

[vnosiry]

Hi Hernan, sorry for the late reply I just realized the email. Here you can find the AE file and Bodymovin exported file that I got with a strange shadow.

On Sat, May 9, 2020 at 4:57 PM hernan notifications@github.com wrote:

Can you attach the file here? For security reasons I can't download it from that site.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/airbnb/lottie-web/issues/2132#issuecomment-626180179, or unsubscribe https://github.com/notifications/unsubscribe-auth/AIRRGAH3JOC5HJOPJJI54LLRQVOLTANCNFSM4MS5XVSQ .

-- -Thanks Walid Nosiry

[bodymovin]

Hi, email attachments don't work in github. You'll need to upload them directly from here.

[vnosiry]

DropshadowIssue.zip

[vnosiry]

Uploaded.

[bodymovin]

I see it working fine, perhaps you haven't passed the filter value as part of the rendererSettings? https://github.com/airbnb/lottie-web/wiki/Renderer-Settings

[vnosiry]

After adding that code, animation totally disappears only whit background. Didn't find how this works, could you please send a screenshot or step by step guide. Thanks!

[bodymovin]

@vnosiry can you create a simple codepen example that I can take a look at?

[bodymovin]

rendererSettings should be a property of params

[vnosiry]

Here a demo animation with shadow tried to add this code:

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

I got white BG all the objects disappeared. Could you add the code where it needs to be to get a proper shadow and send a screenshot or zip file back to me? Thanks!

demo.zip