three.js 中的粒子与粒子系统

Question

我正在努力处理我正在处理的涉及一系列重复图像的可视化。我让它与带有 ParticleSystem 的单个精灵一起工作，但我只能将单个材质应用于系统。由于我想在纹理之间进行选择，我尝试创建一个粒子对象池，以便我可以单独选择材质，但我无法让单个粒子显示在 WebGL 渲染器中。

这是我第一次涉足 WebGL/Three.js，所以我可能正在做一些愚蠢的事情，但我认为有必要问一下解决这个问题的正确方法是什么。我看到了三种可能性：

• 我使用了错误的粒子（使用贴图材质初始化、添加到场景、设置位置），我需要修复我正在做的事情。
• 我需要为每个要显示的精灵设置一个 ParticleSystem。
• 我所做的根本不适合粒子，我真的应该使用另一种对象类型。

我看到的所有使用画布渲染器的示例都直接使用 Particle，但我找不到使用不使用 ParticleSystem 的 WebGL 渲染器的示例。有什么提示吗？

Answer 1

好的，我从我在其他地方读到的 github issues page 开始。你应该从阅读它开始。 Particle 似乎只是用于 Canvas Renderer，在 Three.JS 的进一步版本中它将成为 Sprite。然而，ParticleSystem 似乎也无法满足您的需求。我认为这些类不会帮助您在 3D 中使用 WebGL 完成此任务。无论如何，根据您所做的事情，使用 CanvasRenderer 可能会更好。 ParticleSystem 将只允许您应用一种材料，该材料将作为您建议的系统中每个粒子的材料。

Answer 2

简短回答： 您只能使用THREE.CanvasRenderer 渲染THREE.Particle。