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

How to produce Particle System in THREE.js

提问by Najam-us-Saqib

I am making game in which I want to add smoke, flameand blasteffect. I am using THREE.jslibrary for the game making. I tried lots of technique but can't find the result. I tried SPARK.jslibrary and the particle system of THREE.jsitself but did not able to produce the desired results. I am using r51version of THREE.js. Any one can help in this regard. Thanks

我正在制作我想添加烟雾、火焰和爆炸效果的游戏。我正在使用THREE.js库进行游戏制作。我尝试了很多技术，但找不到结果。我尝试了SPARK.js库和粒子系统THREE.js本身，但无法产生预期的结果。我正在使用r51版本的THREE.js. 任何人都可以在这方面提供帮助。谢谢

回答by Lee Stemkoski

I have recently written a Particle Engine that is capable of the special effects you described, which currently works with Three.js v.56:

我最近编写了一个粒子引擎，它能够产生你所描述的特殊效果，目前适用于 Three.js v.56：

http://stemkoski.github.io/Three.js/Particle-Engine.html

http://stemkoski.github.io/Three.js/Particle-Engine.html

and see the blog post http://stemkoski.blogspot.com/2013/06/creating-particle-effects-engine-in.htmlfor related details.

有关相关详细信息，请参阅博客文章http://stemkoski.blogspot.com/2013/06/creating-particle-effects-engine-in.html。

[Update Sept. 2013] The Particle Engine has been greatly improved and is still undergoing development at http://squarefeet.github.io/ShaderParticleEngine/

[2013 年 9 月更新] 粒子引擎已经大大改进，并且仍在开发中，网址为http://squarefeet.github.io/ShaderParticleEngine/

回答by Ronen Ness

The accepted answer's library no longer works with latest THREE.js (r111) and it seems to be abandoned.

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

Wrote my own lib if anyone interested:

如果有人感兴趣，请编写我自己的库：

https://github.com/RonenNess/partykals

https://github.com/RonenNess/partykals

Live demo: https://ronenness.github.io/partykals/demo/index.html

现场演示：https: //ronenness.github.io/partykals/demo/index.html