Learning Journal: $4$

Assignment instructions

In this unit, we explored the basic concepts of color, shading, and texture mapping. For this assignment, you must demonstrate your ability to utilize textures in computer graphics.

Before completing this assignment, review the reading material listed below:

Computer graphics through OpenGL: From theory to experiments, $3$rd edition. $($Download$/$access book from syllabus$/$textbook$)$

Read Chapter $11($Sections $11\mathrm{.}2,11\mathrm{.}5,11\mathrm{.}10,11\mathrm{.}13)$

Coordinates and Transformations

Review Lecture #$15$: Shading & Material Appearance

Read Lecture #$16$: Texture Mapping and Shaders

Using Textures in WebGL

Scenario: You are a designer specializing in creating wall textures for children. You have created four textures that can be used for painting a wall. As the next step, you are expected to give a presentation of your textures for a $5-$year$-$old child

Create a scene that displays a $3$D object with the appropriate light source. The four textures created by you should be displayed on the different faces of the $3$D object. The $3$D object should keep on rotating, to make all four textures visible, one texture at a time.

Instructions for the assignment:

Select an object of your choice from Three.js library.

Select any images that you would like for the texture, but make sure they are suitable for $5-$year$-$old child.

Auto rotate the object, and provide mechanism to control the rotation of the object with mouse clicks$/$arrow keys.

The $3$D object must rotate clockwise.

Submission instructions:

Submit your assignment as a PDF document.

Share the code written by you and the screenshot of the output.

It is essential to document your code liberally with comments to ensure that a reviewer understands what you were attempting to do within the assignment.

When you have completed the assignment, you must click on the share button and copy both the $$Graphics View$($Live and full preview$)$ and the $$Code View$$ URLs and then submit with your assignment. You can also submit your JavaScript code.

This assignment will be assessed by your instructor using the rubric available on the assignment page located on the course homepage.