Bodymovin Widget

Bodymovin.svg

The Bodymovin Widget allows you to use shape layer animations exported from Adobe After Effects in your compositions when building in Composer. These animations load faster and are higher in quality than .gif files.  


To learn how to add a Widget to your Composition, click here. 

Remember, any underlined widget properties can be connected to a Control Node or a Data Node.

Note

This widget works with Bodymovin Json files. To create a Bodymovin Json file in After Effects, download the AE plugin here: https://aescripts.com/bodymovin/. For a video on how to export a Bodymovin file from After Effects, click here.

Property Settings

Screen_Shot_2020-01-09_at_2.02.21_PM.png

As seen above, select the "Bodymovin" tab in the Property Panel to update this widget's following property types: Bodymovin Options.

Bodymovin Options

Screen_Shot_2020-01-09_at_1.56.46_PM.png

  • Bodymovin Json URL - Box to paste URL of Bodymovin Json. You can upload your Bodymovin Json file into the Singular Dashboard and copy the URL in the Dashboard Inspector. You can also copy the URL of a Json file that is hosted anywhere else on the web.
  • Auto Play - Option to Auto Play the Bodymovin file
  • Loop - Option to Loop the Bodymovin file

Important

If the Singular Animation timeline is shorter than your imported animation, the Bodymovin animation could get cut off. So . . . double check your timeline animation length!

Timeline.gif

Adjust the timeline animation length if needed

 

Was this article helpful?
2 out of 2 found this helpful

Comments

0 comments

Please sign in to leave a comment.