如何在THREE.js中产生粒子系统

Question

我正在制作一个游戏，在其中我想要添加烟雾、火焰和爆炸效果。我正在使用THREE.js库来制作游戏。我尝试了许多技术，但是没有找到想要的结果。 我尝试过SPARK.js库和THREE.js本身的粒子系统，但都不能产生期望的效果。我正在使用THREE.js的r51版本。 希望有人能够帮助我。 谢谢。

- Najam-us-Saqib

---

Spark.js已经过时，不兼容最新版本的Three.js。我强烈建议使用最新的Three.js版本，旧版本的支持很少。这可能意味着您需要仅使用Three.js粒子系统而不是spark.js。然后，您应该展示您尝试过的内容（您的代码），并提供一些信息：它究竟是如何无法工作的，以及期望的结果是什么。 - yaku

Answer 1

我最近编写了一个粒子引擎，可以实现您所描述的特效，它目前与Three.js v.56兼容: http://stemkoski.github.io/Three.js/Particle-Engine.html 请查看相关细节的博客文章： http://stemkoski.blogspot.com/2013/06/creating-particle-effects-engine-in.html [2013 年 9 月更新] 粒子引擎已经得到大幅改进，并仍在开发中： http://squarefeet.github.io/ShaderParticleEngine/

- Stemkoski

---

那个引擎看起来很不错，我今天会尝试使用它。我注意到在云和烟的例子中有一些小问题（也许是z缓冲区问题），有时粒子会闪烁。你认为这可以修复吗？ - Omiod

你说得对，我也注意到这些例子中的粒子闪烁问题。我敢打赌它可以被解决，但我不确定具体方法。如果您有任何想法，请在这里发布或告诉我！ - Stemkoski

这太棒了！谢谢。 - Hobbes

有人知道移动three.js雾的酷炫实现吗？请分享链接！ - Agent Zebra

看起来你的粒子库不再与最新版本的ThreeJS兼容。有更新计划吗？ - Saeid Nourian

尝试在最新的threejs（r111）中使用它，但屏幕上没有看到任何内容+有几个警告消息。这个库已经过时了还是我做错了什么？谢谢。 - Ronen Ness

Answer 2

被接受的答案的库已不再适用于最新的THREE.js (r111)，而且似乎被放弃了。

如果有人感兴趣，我写了自己的库:

https://github.com/RonenNess/partykals

实时演示: https://ronenness.github.io/partykals/demo/index.html

- Ronen Ness