arleenchr / webgl-3d

WebGL 3D Engine

Tugas Besar II IF3260 Grafika Komputer

Cara menjalankan program

1. Clone repositori dengan perintah git clone https://github.com/GAIB20/tugas-besar-grafkom-2-abcv.git.
2. Pada folder src repositori, buka file index.html pada browser perangkat Anda.
3. Untuk panduan penggunaan web, silakan lihat dokumen panduan pada folder doc berikut.

Fitur

Fitur utama

1. Loading model hollow dan articulated.
2. Kamera
3. Material dan tekstur
4. Animasi model
5. Transformasi model (translasi, rotasi, dan skala)
6. Scene graph

Fitur lanjutan

1. Tweening antar-frame animasi dengan easeOutSine
2. Component editor: menambahkan komponen baru, menghapus komponen, mengekspor komponen, dan mengimpor komponen
3. Vertex color untuk mengaktifkan dan menonaktifkan warna pada objek
4. Simple object controller untuk mengontrol objek dengan keyboard

Models and animation

Hollow models

1. Pyramid
2. Octahedron
3. Cube
4. Tube

Articulated models

1. Wolf
2. Duck
3. Goat
4. Perry

Screenshots

Pembagian kerja

NIM	Nama	Pembagian Kerja
13521059	Arleen Chrysantha Gunardi	Model octahedron Model wolf + animation UI Transformation Animation controller Tweening animation
13521064	Bill Clinton	Model pyramid Model duck + animation Create model Vertex Color Simple object controller Dokumen panduan
13521078	Christian Albert Hasiholan	Model cube Model perry + animation Kamera Load model Scene graph Component editor
13521099	Vieri Fajar Firdaus	Model tube Model goat + animation Material & texture Dokumen panduan