4-Credit Students:

Your assignment is to implement normal mapping in WebGL and GLSL and demonstrate it on a sphere. You can use the map you see above or acquire or make your own.

If you need help understanding how to do this, there's a good tutorial here: http://www.keithlantz.net/2011/10/tangent-space-normal-mapping-with-glsl/
IMPORTANT: The tutorial code is in C++ and uses OpenGL. If you follow their code, you'll need to translate it to JS and WebGL. The GLSL shader code will be very similar.

Submission:

You will upload your files to compass in a zipped folder with name ${NetID}_MP4-4CR.zip. Include all of the files necessary for your application to run locally. Name your webpage Flight.html

Grading:
Your score on this MP will be added to your scores for the other parts of MP 4. So your MP4 will be out of 20 points total rather than 10, and whatever percentage you receive will be used to compute how much of the 10% credit for the MP you will recieve.  

Feature	Points
Compute tangent space matrices correctly in JS code	3pts
Read and decode normal map	2pts
Render the altered normals with diffuse shading using Phong shading	5pts