Melalui kuliah ini, para mahasiswa diajarkan berbagai materi dan latihan, sehingga mereka mampu mendesain objek-objek tertentu sesuai dengan permintaan pengguna di dunia nyata dan membuat program grafika interaktif menggunakan pustaka grafika seperti WebGL dan Three.js. Through this course, students are taught various materials and practices, so that they can design certain objects according to user's needs in the real world and create interactive graphics programs respectively using graphics libraries, e.g. WebGL and Three.js.

Ada dua buku referensi utama yang digunakan di kuliah ini: Interactive Computer Graphics A Top-Down Approach with WebGL (2014) oleh Edward Angel and Dave Shreiner; DAN Learning Three.js: Programming 3D Animations and Visualizations for The Web with HTML5 and WebGL (2018) oleh Jos Dirksen. There are two main book references used in this course: Interactive Computer Graphics A Top-Down Approach with WebGL (2014) by Edward Angel and Dave Shreiner; AND Learning Three.js: Programming 3D Animations and Visualizations for The Web with HTML5 and WebGL (2018) by Jos Dirksen.

Capaian Pembelajaran | Learning Outcomes

Mahasiswa mampu | Students are able to

1. Menjelaskan dasar-dasar sistem dan jalur pipa grafika dalam pustaka-pustaka grafika | Explain the basics of graphics system and pipeline in the graphics libraries
2. Mendemonstrasikan program grafika berdasarkan contoh | Demonstrate graphics programs based on examples
3. Membuat program grafika interaktif | Create interactive graphics programs
4. Menjelaskan konsep-konsep geometri, representasi, dan transformasi objek | Explain the concepts of geometry, representation, and object transformation
5. Membuat program grafika yang melibatkan konsep transformasi objek | Create graphics programs that involves the concept of object transformation
6. Menerapkan konsep penampilan tiga dimensi ke program grafika | Apply the concept of 3D viewing to graphics programs
7. Menerapkan konsep rendering ke program grafika | Apply the concept of rendering into graphics programs
8. Bekerja dalam tim mengeksplorasi pustaka grafika modern | Work in a team exploring modern graphics libraries
9. Bekerja dalam tim mengembangkan aplikasi baru menggunakan pustaka grafika | Work in a team developing novel application utilizing graphics libraries

Pokok Bahasan | Learning Topics

1. Pengenalan Grafika Komputer | Introduction to Computer Graphics
2. Sistem Grafika pada WebGL | Graphics System on WebGL
3. Grafika Interaktif | Interactive Graphics
4. Geometri Tiga Dimensi | 3D Geometry
5. Transformasi Tiga Dimensi | 3D Transformation
6. Koordinat Homogen | Homogeneous Coordinate
7. Pencahayaan dan Pembayangan | Lighting and Shading
8. Pemetaan Tekstur | Texture Mapping
9. Quaternion
10. Pemandangan Tiga Dimensi Dasar di Three.js | Basic 3D Scene in Three.js
11. Bekerja dengan Sumber-sumber Cahaya di Three.js | Working with Light Sources in Three.js
12. Bekerja dengan Material Three.js | Working with Three.js Materials
13. Bekerja dengan Geometri di Three.js | Working with Geometries in Three.js
14. Geometri dan Sirat/Jala Tingkat Lanjut di Three.js | Advanced Geometries and Meshes in Three.js
15. Titik dan Sprite di Three.js | Points and Sprites in Three.js
16. Animasi dan Pergerakan Kamera di Three.js | Animations and Camera Movement in Three.js
17. Bekerja dengan Tekstur di Three.js | Working with Textures in Three.js
18. Penambahan Hukum Fisika ke Three.js | Adding Physics to Three.js scenes