Points and Sprites
In the 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 concepts we’ve skipped until now: points and sprites. With THREE.Points
(sometimes also called sprites), it is very easy to create many small rectangles that always face the camera and 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 topics in this chapter:
- Creating and styling particles using
THREE.SpriteMaterial
andTHREE.PointsMaterial
- Using
THREE.Points
to create a group of points - Using the canvas to style each point individually
- Using a texture to style the individual points ...