javascript - Three.js - 在 THREE.ParticleSystem 对象中更改粒子位置

Question

我有几个粒子系统，每个都有大约 20k 个顶点。我正在尝试将粒子系统中的每个单独的粒子移动到一个新的 Vector3 上，这是我绘制的一个形状。

期望的效果是，在点击事件中，粒子重新排列自己（使用 TWEEN.js）成我定义的形状。

这真的可能吗？我注意到这些顶点从不改变它们初始化的位置，当我在渲染循环中旋转整个粒子系统时，情况不应该如此。

实现这一点的最佳方法是什么？

Answer 1

更新单个粒子的顶点时，您需要在主渲染循环中标记更改，旋转整个粒子系统不需要这样做

particleSystem.geometry.__dirtyVertices = true;