一、安装插件:Bodymoving及Lottie Plugin

二、Bodymoving使用

https://github.com/airbnb/lottie-web

2.2 Setting

在 Bodymovin 面板中,每个合成旁边都有一个齿轮,可将您带到设置中。这是每个项目的含义。
image.png
拆分:尝试在多个 json 文件中导出动画。如果主合成有多个图层,导出器将考虑图层在时间上的开始位置,将您的主合成分段。

字形:选中时,它将所有文本字符转换为形状。如果未选中,则需要提供字体文件或类名以呈现正确的字体。

隐藏:选中时,它将包括所有隐藏层。当您的表达式指向隐藏层时,通常需要这样做。请记住,所有隐藏层都将被导出,添加到最终文件大小

引导:选中时,它将包括所有引导层。当您的表达式指向引导层时,通常需要这样做。请记住,所有引导层都将被导出,从而增加最终文件大小

额外合成您可以选择要作为动画一部分导出的额外合成。仅当您的表达式指向不包含在主组合或子组合树中的外部组合时才需要这样做

原始资产名称:如果您有像 jpg 这样的光栅化资产,它会将它们导出到带有原始源名称的图像文件夹中。

独立:选中时,它会将动画和播放器全部导出到一个文件中。如果您的页面中只有一个动画,可能会很有用。例如用于提供横幅。

演示:它将导出一个 demo.html 文件,以便您可以轻松预览动画。

三、Lottie Plugin使用

三、插件配合使用上传至lottie平台