Animation GSAP运动路径动画问题

Animation GSAP运动路径动画问题,animation,pixi.js,gsap,Animation,Pixi.js,Gsap,我在为一个项目制作动画时遇到了问题。我正在尝试使用PIXI和GSAP运动路径根据坐标数组移动对象 问题是:如果在数组的坐标中,对象是不同的,它们就工作。因此,从[1,1]移动到[3,2]效果很好。但是如果我试图从相同的坐标移动,但是其中两个是相同的,例如从[1,1]移动到[3,2],然后移动到[3,2]发生了一些事情,并且出现了一个奇怪的动画 我的“移动”代码如下所示: this.timeline.to(this.object, { motionPath: events, duratio

我在为一个项目制作动画时遇到了问题。我正在尝试使用PIXI和GSAP运动路径根据坐标数组移动对象

问题是:如果在数组的坐标中,对象是不同的,它们就工作。因此,从[1,1]移动到[3,2]效果很好。但是如果我试图从相同的坐标移动,但是其中两个是相同的,例如从[1,1]移动到[3,2],然后移动到[3,2]发生了一些事情,并且出现了一个奇怪的动画

我的“移动”代码如下所示:

this.timeline.to(this.object, {
  motionPath: events,
  duration: 6
});
示例如下:

有什么想法可以解释为什么会发生这种情况,以及如何让它起作用吗?

供参考(我们会在那里给你一个答案,而不是在这篇文章上)。