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

Time for Action: Coloring the Cube

Let's cover a simple example of coloring a geometry:

1. Open the ch06_01_cube.html file using your browser. You will see a page similar to the following:

2. In this exercise, we’re going to compare constant versus per-vertex coloring. Let's talk about the page's widgets:
   • Lambert: When selected, it will include the Lambert coefficient in the calculation of the final color.
   • Per Vertex: The two different coloring methods explained before: per-vertex or constant.
   • Complex Cube: Loads a JSON object where the vertices are repeated with the goal of obtaining multiple normals and multiple colors per vertex. We will ...