javascript - 用 Javascript 控制 Lottie 动画的滑块
问题描述
我有个问题:
有没有办法使用 Javascript 中的滑块来控制 Lottie 动画?我尝试使用一个简单的按钮触发动画并且效果很好。我正在使用带有 Arduino 的物理滑块(电位计),因此滑块为我提供了 0-1023 的输入。
我想知道的是我是否可以将电位器的输入转换为动画帧,所以基本上可以使用滑块播放/反转动画帧。
我正在使用 JohnnyFive Javascript 框架与我的 Arduino 进行通信。
解决方案
是的,理论上这是完全可能的。Aslottie-web
允许您准确控制显示的帧。棘手的部分可能是首先将滑块位置映射到动画帧。
您可以使用 获取动画帧的持续时间getDuration(true)
。然后您可以goToAndStop()
在移动滑块时调用该函数。
每次滑块位置发生变化时,您都需要触发一个事件,并在您的 JavaScript 代码中捕获它。
编辑
您可以在此处阅读更多信息lottie
:
https ://www.npmjs.com/package/lottie-web
推荐阅读
- r - 如何确定二维空间数据中点的方向并以顺时针方式排列[对于极端情况]?
- ios - SwiftUI TabView 没有响应
- azure - 计算机视觉 2.0 PDF 到文本不起作用
- python - Python Keylogger:.txt 文件不会保存我的击键
- rust - Bevy 如何根据参数的类型“范围”其系统?
- python - 运行 DAG 时气流调度程序崩溃
- javascript - 加载我写的轮播视频时谷歌浏览器不显示封面?
- vuejs-slots - 为 vue2-daterange-picker 设置自定义范围槽时出现“TypeError:ranges.clickRange 不是函数”
- python - docker中的Spacy负载模型
- c++ - 虚拟是在 C++ 中定义智能函数指针吗?