The purpose of Project 1 is to provide a first experience with using WebGL to display geometry. In any WebGL application, a significant amount of configuration must be performed before any rendering can occur. This entails defining a simple geometric figure, conveying that definition to the GPU, and triggering the rendering of the figure by the GPU.
The following Javascript libraries will be useful to every WebGL program you write. You'll want to include these files in your project:
Translate the minimal application template from the course notes. You'll have an HTML file and a JavaScript file. Name them:
prog1.htmlprog1.jsFormat your code consistently, especially when it comes to indentation and brace placement. This is a critical part of good programming. When in doubt, follow Crockford's conventions. Your text editor probably formats code automatically, so there's no excuse for bad formatting. We're going to deduct points for bad format.
Define geometry data so that the output resembles the following figure:
That's three yellow triangles on a green background.
Upload all six of your project files to your prog1 directory on classes.csc.lsu.edu and p_copy them before the deadline. This procedure is documented here.