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

Time for Action: Picking

Let's cover an example of this technique in action:

1. Open the ch08_01_picking.html file using your browser. You will see a screen similar to this:

2. Here, you have a set of objects, each one of which has a unique diffuse color property. As was the case in previous examples, you can move the camera around the scene. Also, note that the cube has a texture and that the flat disk is translucent. As you may expect, the code in the draw function handles textures, coordinates, and also transparencies, so it looks a bit more complex than before (you can check it out in the source code). This is a more realistic draw function. ...