ae导出json文件包含图片

在AE中，可以使用bodymovin插件将AE中的动画导出为json文件，而且这个json文件还可以包含动画中使用到的图片。

    AE中的准备：
    1. 编辑好需要导出的动画
    2. 将需要用到的图片文件放到一个文件夹中，并确保文件名与AE中使用的相同

    使用bodymovin插件导出json文件：
    1. 打开AE中的动画文件
    2. 选择需要导出的动画合成，点击菜单栏中的 File -> Scripts -> bodymovin
    3. 调出 bodymovin 面板（Window -> bodymovin）
    4. 在面板中，勾选 Include Images，然后选择相应的图片文件夹路径
    5. 点击 Render 按钮，选择导出的json文件保存路径

    导出的json文件使用：
    1. 将导出的json文件和图片文件夹放到服务器中
    2. 在需要使用动画的页面中，引入bodymovin.min.js文件
    3. 使用bodymovin.loadAnimation()方法加载json文件
    4. 将加载得到的动画添加到页面中

    代码示例：
    
    

通过这种方式，我们可以轻松地在网页上使用AE中制作的动画，而且还能包含动画中用到的图片。不过需要注意的是，如果json文件中包含的图片比较多或者文件较大，可能会影响网页的加载速度。