动画期间的动画线

如何解决动画期间的动画线

在动画过程中，使用 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/...在动画期间）。

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