Skip to content

cg2021e/assignment-1-Syafiqjos

Repository files navigation

Assigment - E for Eraser of the Whiteboard

Open in Visual Studio Code

Assignment 1C

Preview

image

Result

Assignment 2 Result Link

Tools

  • Visual Studio Code
  • Chrome
  • Blender3D

Note

Eraser 3D definition created from modelling on Blender3D then exported it in .ply file. After that exported .ply file will be altered into vertices and indices manually with Visual Studio Code into make object js file. All of trial and error of modelling data saved in models directory.

Milestone

Dear @Class E , please continue your WebGL application on the same repository as the previous assignment (https://classroom.github.com/a/wxGcZEWk) with the following specifications:

1. Create a 3D definition of the object being photographed in your very first assignment.
2. Draw the object twice—on the left and on the right half of the canvas—with the two perspectives corresponding to the two photos selected in the previous assignment.
3. Add a little cube in the center of canvas, right between the two objects.
4. Set the cube to glow white and become a light source.
5. Add an ambient effect with an intensity of 0.abc to both objects, where the value of abc is the last three digits of your Student ID plus 200.
6. Add a diffuse effect to both objects. 
7. Add a plastic specular effect for the left object. 
8. Add a metal specular effect for the object on the right. 
9. Set the cube so that it can be moved upward with the W key-button and downward with the S key-button. 
10. Set the camera to move leftward and rightward linearly (not orbitally) using the A and D key-buttons.

Please do not forget to commit and push changes regularly.
In addition, the zip of the last commit and push must be submitted to myITS Classroom as well: https://classroom.its.ac.id/mod/assign/view.php?id=576907. Please utilize the Download ZIP feature on GitHub as necessary.
Deadline for submission: Sunday, 5 December 2021, 11:59 PM.

Assignment 1B

Preview

image

Result

Assignment 1 Result Link

Milestone

Dear @here, please create a WebGL-based Graphics application on the repo created in the previous assignment with the following specifications:
1. The application consists of HTML, JavaScript and CSS (optional) files.
2. The application contains only one Canvas.
3. The JavaScript application comprises the definition of vertices that embody the shape of the object photographed in the previous assignment: Select two of the four photos.
4. The definition of vertex includes position (x, y) and color (r, g, b) as represented on the selected photos.
5. The shape as shown on one of the selected photos is rendered on the left side of the Canvas: Located in the clip space between X = -1.0 and X = 0.0 axes.
6. The shape as shown in another selected photo is rendered on the right side of the Canvas: Located in the clip space between X = 0.0 and X = 1.0 axes.
7. The rendering result on the right side of the Canvas is animated vertically, bouncing back between the top and the bottom walls of the Canvas, with a speed of 0.0xxx units, where xxx is the last three digits of the NRP.
8. Do not forget to commit and push the changes.

Deadline: Wednesday, 2021/10/06, 07.00 AM

Assignment 1A

Milestone

Dear @here, please proceed the following instructions:
1. Find anything in your surrounding whose name starts with E, J, or O (in English).
2. Put the thing on a flat surface: table, floor, etc.
3. Take photos of the thing from four different perspectives: top right, top left, top rear, top front (you are free to specify the angle).
4. Click this assignment invitation URL: https://classroom.github.com/a/wxGcZEWk, to start initiating your assignment repository in GitHub.
5. Create a README.md file consisting of the thing's name and the four photos you have taken.
6. Do not forget to commit and push your changes.

Deadline: Wednesday, 2021/09/22, 07.00 AM

Result

Front View

Right View

Left View

Rear View

Credits

Ahmad Syafiq Aqil Wafi
05111940000089
Computer Graphics E

About

assignment-1-Syafiqjos created by GitHub Classroom

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published