javascript - 用 Javascript 控制 Lottie 动画的滑块

Question

我有个问题：

有没有办法使用 Javascript 中的滑块来控制 Lottie 动画？我尝试使用一个简单的按钮触发动画并且效果很好。我正在使用带有 Arduino 的物理滑块（电位计），因此滑块为我提供了 0-1023 的输入。

我想知道的是我是否可以将电位器的输入转换为动画帧，所以基本上可以使用滑块播放/反转动画帧。

我正在使用 JohnnyFive Javascript 框架与我的 Arduino 进行通信。

Answer 1

是的，理论上这是完全可能的。Aslottie-web允许您准确控制显示的帧。棘手的部分可能是首先将滑块位置映射到动画帧。

您可以使用 获取动画帧的持续时间getDuration(true)。然后您可以goToAndStop()在移动滑块时调用该函数。

每次滑块位置发生变化时，您都需要触发一个事件，并在您的 JavaScript 代码中捕获它。

编辑

您可以在此处阅读更多信息lottie： https ://www.npmjs.com/package/lottie-web