Real-Time 3D Graphics with WebGL 2 - Second Edition

Time for Action: Unique Object Labels

This section is divided into two parts. In the first part, you will develop code to generate a random scene with cones and cylinders. Each object will be assigned a unique object label that will be used for coloring the object in the offscreen renderbuffer. In the second part, we will configure the picker to work with unique labels. Let's get started:

1. Open the ch08_02_picking-initial.html file in your browser. This is a scene that is only showing the floor object. We are going to create a scene that contains multiple objects that can be either balls or cylinders.
2. Open ch08_02_picking-initial.html in a source code editor.
3. We will write code so that each object in the scene can have the following:
   • A position ...