Time for action – enquiring on the state of buffers

Follow the given steps:

1. Open the file ch2_StateMachine.html in the HTML5 browser of your preference.

2. Scroll down to the initBuffers method. You will see something similar to the following screenshot:

   

3. Pay attention to how we use the methods discussed in this section to retrieve and display information about the current state of the buffers.

4. The information queried by the initBuffer function is shown at the bottom portion of the web page using updateInfo (if you look closely at runWebGLApp code you will see that updateInfo is called right after calling initBuffers).

5. At the bottom of the web page (scroll down the web page if necessary), you will see the following result:

   

6. Now, open the same file (ch2_StateMachine.html) in a text editor.

7. Cut the line:

   gl.bindBuffer(gl.ARRAY_BUFFER,null);

   and paste it right before the line:

   coneIndexBuffer = gl.createBuffer();

8. What happens when you launch the page in your browser again?

9. Why do you think this behavior occurs...