Due: 11:59pm CDT, December 12, 2018

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.opengl-tutorial.org/intermediate-tutorials/tutorial-13-normal-mapping/
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}_MP3-4CR.zip. Include all of the files necessary for your application to run locally. Name your webpage Normal.html

Grading:

Your score on this MP will be added to your scores for the other parts of MP 3. So your MP3 will be out of 25 points total rather than 15, and whatever percentage you receive will be used to compute how much of the 15% credit for the MP you will recieve.  

The assignment will be graded based on the following scale:

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