Description
Tasks to do
The homework must be completed alone. Each student should do its own homework and NO CODE SHARING IS
ALLOWED. Submissions will be checked for plagiarism and suspicious ones will be rejected and reported. You cannot
use code taken from the web, the only code you are allowed to use in your submission is the initial code provided
with the assignment and the code of the book. You can, however, access all the documentation you want (including
the WebGL and GLSL official documents on https://www.khronos.org/).
To complete the assignment you need to use GitHub Classroom. Start by creating your own repository in the GitHub
Classroom of the course by clicking on this link https://classroom.github.com/a/BLgdgCnC. The assignment material
includes this PDF file and two directories, Homework2 (containing the files homework2.html and homework2.js) and
Common (containing the files MVnew.js and initShaders.js). You need only to modify the two files (homework2.html
and homework2.js) and add a short documentation in PDF format (more details at the end of this file). Please do not
change the names of the files, you only need to modify their content.
You need to remove the control sliders and modify the files, so to obtain the following effects:
1. Create a hierarchical model of a (simplified) sheep https://en.wikipedia.org/wiki/Sheep, composed of the
following parts;
a. body
b. 4 legs, each one composed of 2 independent components (upper and lower leg)
c. head
d. tail
All components are cubes, use the cube function present in the file. The sheep has a white/light grey color.
2. Add a surface on which you position the sheep that corresponds to a grass field. Attach to it a texture (color,
bump or both) to give the appearance of a grass field.
3. Load or generate at least two more textures. A color texture to be attached to the front face of the head and
a bump texture to be applied to the sides of the body to give the “wool effect”.
4. Create a (very simplified) model of a fence and position it on the surface and near the sheep.
5. Add a button that starts an animation of the sheep so that, starting from an initial position where it is in a
walking mode, it walks on the surface towards the fence by moving (alternatively back and forth) the legs,
then jumps over the fence and lands on the surface on the other side of the fence.
6. Allow the user to move the camera before and during the animation.
Describe your solution in a short document (2-3) describing your solution, the document should include a brief
description of the techniques used, the advantages and disadvantages of the proposed solution, the features of your
solution.
How to submit the homework
All files MUST be uploaded to the GitHub Classroom of this assignment, including the documentation. DO NOT
ACTIVATE GITHUB PAGES
Don’t post solutions on Google Classroom. Use Google Classroom only for questions and clarifications. Do not ask
for clarifications or comments by email, use only Google Classroom
