使用 Javascript 控制 Lottie 动画的滑块
slider controlling Lottie animation with Javascript
我有一个问题：
在 Javascript 中是否有使用滑块控制 Lottie 动画的方法？
我试过使用一个简单的按钮触发动画并且有效。
我在 Arduino 上使用物理滑块（电位器），所以滑块给我一个 0-1023 的输入。
我想知道的是我是否可以将来自电位计的输入转换为动画帧，所以基本上能够 play/reverse 使用滑块的动画帧。
我正在使用 JohnnyFive Javascript 框架与我的 Arduino 通信。
是的，理论上这是完全可能的。因为 lottie-web 允许您精确控制显示的帧。棘手的部分可能是首先将滑块位置映射到动画帧。
您可以使用 getDuration(true) 获取动画帧的持续时间。然后你可以在滑块移动时调用 goToAndStop() 函数。
您需要在每次滑块位置发生变化时触发一个事件，并在您的 JavaScript 代码中捕获它。
编辑
您可以在此处阅读有关 lottie 的更多信息：
https://www.npmjs.com/package/lottie-web
我有一个问题：
在 Javascript 中是否有使用滑块控制 Lottie 动画的方法？ 我试过使用一个简单的按钮触发动画并且有效。 我在 Arduino 上使用物理滑块（电位器），所以滑块给我一个 0-1023 的输入。
我想知道的是我是否可以将来自电位计的输入转换为动画帧，所以基本上能够 play/reverse 使用滑块的动画帧。
我正在使用 JohnnyFive Javascript 框架与我的 Arduino 通信。
是的，理论上这是完全可能的。因为 lottie-web 允许您精确控制显示的帧。棘手的部分可能是首先将滑块位置映射到动画帧。
您可以使用 getDuration(true) 获取动画帧的持续时间。然后你可以在滑块移动时调用 goToAndStop() 函数。
您需要在每次滑块位置发生变化时触发一个事件，并在您的 JavaScript 代码中捕获它。
编辑
您可以在此处阅读有关 lottie 的更多信息：
https://www.npmjs.com/package/lottie-web