How to produce Particle System in THREE.js

javascript three.js webgl particle-system
Najam-us-Saqib picture Najam-us-Saqib · May 27, 2013 · Viewed 14.2k times · Source

I am making game in which I want to add smoke, flame and blast effect. I am using THREE.js library for the game making. I tried lots of technique but can't find the result. I tried SPARK.js library and the particle system of THREE.js itself but did not able to produce the desired results. I am using r51 version of THREE.js. Any one can help in this regard. Thanks

Answer

Lee Stemkoski picture Lee Stemkoski · Jun 24, 2013

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

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.html for related details.

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

Related questions

How to stop a requestAnimationFrame recursion/loop?

I'm using Three.js with the WebGL renderer to make a game which fullscreens when a play link is clicked. For animation, I use requestAnimationFrame. I initiate it like this: self.animate = function() { self.camera.lookAt(self.scene.position); self.…

Read More
How to detect collision in three.js?

I am using three.js. I have two mesh geometries in my scene. If these geometries are intersected (or would intersect if translated) I want to detect this as a collision. How do I go about performing collision detection with …

Read More
Three.js - Change Material on Runtime

I have some .js files exported from Blender and load them with THREE.JSONLoader(); my callback: var callback = function( geometry ) { createMesh(geometry); my loading: loader.load( "Models/sculp.js", callback ); my create method: function createMesh(geometry){ inArr[id] = new THREE.…

Read More