问题标签 [bodymovin]

我有一个简单的 html 来显示我在 After Effects 中制作的动画，但是在本地加载它时无法显示动画（data.json）。但是，如果我通过 LottieFiles 上传动画并使用在我的 html 文件中生成的链接，它就可以工作。有人可以解释一下为什么我不能通过我的 data.json 而不是从生成的链接加载动画吗？

贝娄我放了我到目前为止的代码：

我还有一个指向我的“data.json”文件的链接： https ://drive.google.com/file/d/1xsikpLLQY-7FMV1_S5VelmB2_85LD-oi/view?usp=sharing

我正在使用 Adob​​e After Effects 和 React Lottie 创建动画，并且我有许多由 Bodymovin 扩展生成的 json 文件。我正在以这种方式导入文件：

但是，当我有例如 6 个看起来相同但仅在导入文件时彼此不同的其他组件时。我怎样才能把这些行写成这样：

请注意，我必须像 '* as' 一样以另一种方式导入它，这是行不通的

使用 Lottie/BodyMoving，一旦 Lottie 动画到达某个帧，如何触发事件。

例如：一旦 anim1 到达某个帧，我希望 anim2 播放。

谢谢

正如这里的教程：https ://aescripts.com/bodymovin/我尝试在我的 rails 项目中渲染我的 svg。我想我可以找到播放器，但找不到 json：我的打字稿文件如下所示：

有了这个，我有错误404 (Not Found)。我还尝试将我的 json 文件放在我的 Javascript 文件夹中：相同的结果，在我的资产中：相同的结果。你知道我应该把我的 json 文件放在我的项目 rails 的什么地方吗？同样使用 gulp，是否有任何兼容性问题？

我正在尝试控制使用 bodymovin 导出的 .json 文件的文本值。

此刻，我成功地创建了一个从 bodymovin 导出的平面“模板”，并使用函数 updateDocumentData 更改了 bodymovin .json 文件中的值。

但我唯一可以更改的元素是 After Effects 主要组成中的元素。现在我想尝试制作一个更难的模板，在 After Effects 中使用预合成。我如何使用 updateDocumentData （或其他函数？）来更改更深层组合中的文本值。

我有两张卡片，里面有一个动画图标。当我将鼠标悬停在图标上时，动画开始播放。现在我希望图标在卡片悬停时进行动画处理，而不是图标本身。我已经尝试了不同的选项，但没有奏效。

这是我目前拥有的代码，当图标本身悬停时有效：

我的问题：有没有办法将 .json 转换为 .SVG

我的情况：我已经创建了动画 adobe after effects，然后我在 after effects 中使用 Bodymovin 扩展名输出了一个文件

我得到了一个 .json 文件和一个显示动画的 html 文件，但这些似乎不是我可以获得 .svg 的地方，除非我能找到一种方法来转换 .json 这就是我在这里的原因。.svg 文件/json 文件都包含动画数据。我想在网络上使用这些动画，特别是 .svg 文件

我试过的：搜索谷歌结果一个小时寻找解决方案，到目前为止似乎不存在

我似乎无法让 colorFilter 道具与我的 .json 文件一起使用。没有错误，但颜色显然没有改变。

我正在使用 BodyMovin 从 After Effects 导入 .json，但我是否正确更改了图层名称？如果不是，为什么这不起作用？

我将 Bodymovin 与 ScrollMagic 和 GSAP 结合使用，在您来回滚动时通过一系列图像制作动画。一切都很好，除了，当我到达终点时，它不会停留在最终图像上，而是变白。

我首先加载的库：

然后我的代码：

有什么想法可能导致这种情况吗？查看浏览器的 Inspect Element ，它基本上添加display:block到应该当前可见的图像并应用于display:none前一个图像，但最后，它们都有display:none，并且它不会保持可见

我有一个乐天动画，已将其集成到我的代码中。我想在初始加载时显示一个特定的帧，当用户悬停它时，动画应该从头开始并完成它。

这就是我想在第一次加载时显示的内容 -

这是完整的动画 -

这是我的代码

这是我的小提琴

谁能帮帮我吗？