Question

所以我是模块、3 和 gsap 的新手我想要做的是将 3d 对象单独移动一条路径现在我有了它，它是“普通 js”，而不是通过工作正常的模块： https://codepen.io/uiunicorn/pen/zYZoYpV

我正在尝试通过模块将它添加到我的笔中： https://codepen.io/uiunicorn/pen/abJmVwo

而且我不断收到这两个错误：

Uncaught TypeError: Cannot read property ‘position’ of undefined
line: 163

Uncaught TypeError: setX is not a function
line: 168

我错过了什么吗？有人可以指出我正确的方向吗感谢阅读

Answer 1

所以在 gsap 论坛上发帖后，显然运动路径插件不能很好地与 Three.js 配合使用，所以我会留下这个评论，我在 gsap 上为任何有同样问题并想要替代解决方案的人提供：

> <块引用>

MotionPathPlugin 目前并未真正设计为与three.js 一起使用。这可能会在以后出现。

使用该代理方法并不准确，因为该插件实际上仅处理 2d 中的位置和旋转。

使用three.js 已经提供的构造将是一个更好的选择。

这并不意味着您无法使用 gsap 来控制它。像这里一样，tubePerc 使用 gsap 进行动画处理，它控制沿路径的移动。