three.js - 如何通过顶点操作制作“火车效果”？

Question

我试图用three.js 做到这一点

我有这个 PlaneGeometry（一个矩形），我希望它沿着 CircleGeometry 的顶点移动，就像轨道上的火车一样。

知道如何真正顺利地实现这一目标吗？

Answer 1

你可以把你的THREE.Mesh和.add(object)它带到你new THREE.Object3的中心THREE.CircleGeometry，然后将你的位置移到THREE.Mesh圆的边缘.set(x,y,z)。请注意，现在您的网格已添加到 object3，您的网格的位置将相对于 object3。这意味着当您旋转 object3 时，平面将围绕它旋转，并最终围绕圆旋转。我描述的方式只适用于圈子。如果您想要更复杂的形状，我会使用THREE.Spline.

希望这可以帮助。