The assignment material includes this PDF file and two directories, Homework1 (containing the files homework1.html and homework1.js) and Common (containing the files MV.js and initShaders.js). You need only to modify the two files (homework1.html and homework1.js), add the texture and add a short documentation in PDF format (more details at the end of this file).
You need to modify the files so to obtain the following effects:
- Replace the cube with a simple model of a table of 20 to 40 (maximum) vertices. Each vertex should have associated a normal (3 or 4 coordinates) and a texture coordinate (2 coordinates). Explain in the document how you chose the normal and texture coordinates. Model the table in its own coordinates.
- Choose an origin (different from the origin of the table and include the rotation of the table around the origin and along all three axes. Control with buttons/menus the axis and rotation, the direction and the start/stop.
- Add the viewer position (your choice), a perspective projection (your choice of parameters) and compute the ModelView and Projection matrices in the Javascript application. The viewer position and viewing volume should be controllable with buttons, sliders or menus. Please choose the initial parameters so that the object is clearly visible and the object is completely contained in the viewing volume. By changing the parameters you should be able to obtain situations where the object is partly or completely outside of the view volume.
- Add a spotlight, place it outside of the view volume. Assign to it all the necessary parameters (your choice) including an attenuation factor. Add a button that turns the light on and off and sliders to control the angle of opening and the direction of the spotlight.
- Assign to the object a material with the relevant properties (your choice).
- Implement both per-vertex and per-fragment shading models. Use a button to switch between them.
- Find or create a wood texture and load it in the application. Add a button that activates/deactivates the texture.
- Implement a motion blur effect https://en.wikipedia.org/wiki/Motion_blur using textures and frame-buffer objects. Add a button that activates/deactivates the motion blur effect.
Describe your solution in a short PDF document (2-3 pages) describing the techniques used, the advantages and disadvantages of the proposed solution and the features of your solution.
How to submit the homework
The solution should be delivered on the GitHub Classroom repository. Do not post solutions or code on Google Classroom. Use Google Classroom only for questions and clarifications. Do not ask for clarifications or comments by email, use only Google Classroom
