用Javascript控制Lottie动画的滑块

用Javascript控制Lottie动画的滑块,javascript,lottie,johnny-five,Javascript,Lottie,Johnny Five,我有一个问题: 有没有一种方法可以使用Javascript中的滑块来控制乐透动画? 我尝试过用一个简单的按钮触发动画,效果很好。 我使用一个物理滑块(电位计)和一个Arduino,所以滑块给我一个0-1023的输入 我想知道的是,我是否可以将电位计的输入转换为动画的帧,因此基本上可以使用滑块播放/反转动画帧 我正在使用JohnnyFive Javascript框架与我的Arduino进行通信。是的,理论上这是完全可能的。Aslottie web允许您精确控制显示的帧。棘手的部分可能是首先用动画帧

我有一个问题:

有没有一种方法可以使用Javascript中的滑块来控制乐透动画? 我尝试过用一个简单的按钮触发动画,效果很好。 我使用一个物理滑块(电位计)和一个Arduino,所以滑块给我一个0-1023的输入

我想知道的是,我是否可以将电位计的输入转换为动画的帧,因此基本上可以使用滑块播放/反转动画帧


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

是的,理论上这是完全可能的。As
lottie web
允许您精确控制显示的帧。棘手的部分可能是首先用动画帧映射滑块位置

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

您需要在每次滑块位置更改时触发一个事件,并在JavaScript代码中捕获它

编辑

您可以在此处阅读更多有关乐蒂的信息:

好的,谢谢!我不知道getDuration和goToAndStop,我对Lottie很陌生。在哪里可以找到所有这些函数和属性?在答案中添加了一个链接:)