Skip to main content
Participant
April 2, 2024
Question

Bodymovin: render incorrect animation.

  • April 2, 2024
  • 1 reply
  • 345 views

Hi everyone,

 

I tried to render a very simple animation, but Bodymovin completely disorganized the whole sequence.
Here is what I want to render: Animation in mp4
Here is Bodymovin’s result: https://app.lottiefiles.com/animation/4f1a01a6-fa18-4be6-aecf-14ded647191f

 

The logo didn't sequently animate letters but instead all at one (I used Stroke in After Effect to reveal my logo, I did check the Sequently Box applied on all masks), the bottom text’s placement is also messed up. The result is consistent by exporting in mp4 or gif, but JS has completely different result. 


Please let me know if there is a way to fix this issue. I also tried to render only the vector composition but the order still got messed up. 

 

Thank you

This topic has been closed for replies.

1 reply

Mylenium
Legend
April 2, 2024

This makes absolutely no sense. The simple answer is that you expect Bodymovin to produce a usable file when JS/ SVG/ cannot even support those features. This will never work. This isn't even an AE problem, it's just how web graphics work and their limitations.

 

Mylenium