Book Image

Three.js Cookbook

By : Jos Dirksen
Book Image

Three.js Cookbook

By: Jos Dirksen

Overview of this book

Table of Contents (15 chapters)
Three.js Cookbook
Credits
About the Author
Acknowledgments
About the Reviewers
www.PacktPub.com
Preface
Index

Coloring the individual points in a point cloud


When you create a point cloud, every point has the same color and style, as every point uses the same THREE.PointCloudMaterial object. There is, however, a way to add color to the individual points.

Getting ready

There is no need for any additional steps to run this recipe. We'll create a custom geometry, just like we did in the Creating a point cloud from scratch recipe, and this time, we color each individual point. The result of this recipe can be seen by opening 06.03-color-individual-points-in-point-system.html in your browser. You will see something similar to the following screenshot:

As you can see, we've colored the individual points in various shades of red.

How to do it...

To accomplish individual colored points, we need to set one additional property when we create THREE.Geometry. The following steps show you how to do this:

  1. We start by creating the geometry. When we create the individual vertices, we can also inform Three.js about the...