动画期间的动画线

问题描述

在动画过程中,使用 react Konva 和 Spring,我想添加一条“移动线”(或闪烁线),一开始它的大小为 0,然后在 1/10 秒内大小为 X ,然后又是 0。 (在动画过程中,线可能会增长 1/2/3/... 次,具体取决于条件,但我认为一旦我能做到这一点,我就可以轻松应对更多) 我对这个例子进行了一些编辑:https://codesandbox.io/embed/88lmnl6w88 更接近 a 想要的(没有线),只有这两行:

range: [0,0.23,0.25,0.27,0.83,0.85,0.87,1],output: [0,5,0]

但我没有用一条线来做到这一点......也不用'react-spring/renderprops-konva'转换这个例子。我知道如何将一条线从一个位置移动到另一个位置,但不能在一帧中多次移动。我还没有找到任何例子......

就上下文而言,我正在制作 CSGO 比赛的 2D 重播动画,并且该行(目前)将是一次射击的表示(这就是为什么它可以附加 0/1/2/3/...在动画期间)。

如果您有任何建议可以帮助我,我会很高兴。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)