Using Web GL setup from scratch without using Libraries and Javascript with OOC:

1) You will make one WebGL object to render

2) It will have the following vertices (X,Y),Z will always be 0 and you may choose what colors you want to use for each vertex. a. (0,.5) b. (1,.5) c. (.5,1) d. (.5,0) e. (0,-1) f. (-.5,0) 3) You will also add a variable inside the object that will change how these vertices are rendered a. If the variable = i. 0: then use gl.TRIANGLE ii. 1: then use gl.TRIANGLE_STRIP iii. 2: then use gl.TRIANGLE_FAN 4) In the HTML create a simple main class that will have a function which will change this objects variable. a. (In the constructor of main instantiate this object) 5) Create either three buttons or a drop down with the three different rendering styles. 6) When the button (or dropdown) is pressed/changed, send the input to a global function, which will then send data to the main classs function. 7) The function inside the main will set the objects variable appropriately 8) Clear the screen with (gl.clear(gl.COLOR_BUFFER_BIT|gl.DEPTH_BUFFER_BIT);) 9) Re-Render the object (with the new mode).