Chapter 7. Points and Sprites
In previous chapters, we discussed the most important concepts, objects, and APIs that Three.js has to offer. In this chapter, we'll look into the only concept we've skipped until now: points and sprites. With THREE.Points
(sometimes also called sprites), it is very easy to create many small objects that you can use to simulate rain, snow, smoke, and other interesting effects. For instance, you can render individual geometries as a set of points and control these points separately. In this chapter, we'll explore the various point- and sprite-related features provided by Three.js. To be more specific, we'll look at the following subjects in this chapter:
- Creating and styling particles using
THREE.SpriteMaterial
- Using
THREE.Points
to create a grouped set of points - Creating a
THREE.Points
object from existing geometries - Animating
THREE.Points
objects - Using a texture to style the individual points
- Using the canvas to style a particle with
THREE.SpriteMaterial
Let's start...