- Visual Studio Code
- Chrome
- Blender3D
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.
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.
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
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
Ahmad Syafiq Aqil Wafi
05111940000089
Computer Graphics E