O'Reilly logo

Learning Three.js: The JavaScript 3D Library for WebGL by Jos Dirksen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Summary

That's a wrap for this chapter. We've explained what a particle, a sprite, and a particle system are and how you can style these objects with the available materials. The important parts to remember are listed here:

  • You can use a THREE.Particle object directly when you use the CanvasRenderer class.
  • When you use the WebGLRenderer class, you can't use a THREE.Particle object, but you can create singular particles using the THREE.Sprite object.
  • If you want to create a large number of particles that share a material you should use the THREE.ParticleSystem class. With this object each vertex is rendered as a particle using the supplied material.
  • You can easily animate particles by changing their position. This works the same for a THREE.Particle ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required