Understanding the Lottie file elements

As we saw in previous chapters, Lottie files are JSON representations of our AE animations that have been transformed and exported using the Bodymovin plugin. As a JSON object, we can open it in a text editor and see that Lottie files are just a collection of keys and values storing the assets that need to be rendered and to which transformations should be applied on each frame of the animation.

Let's take a look at a sample Lottie file:

{

   "v":"4.8.0",

   "meta":{

      "g":"LottieFiles AE "

   },

   "fr":30,

   "w":500,

   "h":250,

   "nm":"Comp 1",

   "assets":[],

   "layers":[

      {

...