airathalca/Tubes-3-IF3260-Grafkom-Articulated-Modal-CAD

3D WebGL Articulated Model

Program berbasis website ini dibuat untuk menyelesaikan Tugas Besar 3 IF3260 Grafika Komputer.

Deskripsi program

Program dibuat berupa suatu perangkat lunak computer-aided design (CAD) 3 dimensi untuk model articulated yang dijalankan dalam sebuah website. Website ini ditujukan untuk memenuhi Tugas Besar 3 pada mata kuliah IF3260 Grafika Komputer untuk tahun ajaran 2022/2023. Program ini dirancang dengan menggunakan bahasa pemrograman HTML, CSS, dan vanilla Javascript. Website ini menyediakan kanvas digital pada browser sedemikian sehingga pada kanvas tersebut sehingga model articulated 3D yang sudah disediakan dapat divisualisasikan. Disediakan juga toolbar di sisi kanan website yang berisi fitur - fitur untuk diaplikasikan pada articulated model yang sedang divisualisasikan. Fitur - fitur tersebut akan disebutkan di bawah ini.

Fitur Wajib

1. Proyeksi: Ortographic, Perspective, Oblique
2. Transformasi: Translasi, Rotasi, Scale
3. Camera Radius + Camera Angle
4. Shading
5. Texture: Bump, Reflective, Custom
6. Animasi
7. Reset
8. Help
9. Save/Load
10. Component Tree + Controls, Terintegrasi dengan fitur bonus.

Fitur Bonus (Jalur Component Heavy)

• Animation smoothing : Animasi dibuat lebih halus dengan tidak membuat 9 frame animasi yang berbeda, melainkan membuat setiap objek berputar dengan kecepatan dan sudut yang berbeda berdasarkan atribut yang dimiliki.
• Component Tree : Tersedia pohon komponen yang bisa diclick untuk memilih komponen yang akan diubah
• Component View Controls (Single) : Tersedia satu component control untuk komponen terpilih, meliputi fitur wajib 1-5 untuk tiap komponen.

Models

1. Optimus Prime - 13520072
2. Bebek - 13520087
3. Anjing - 13520094
4. Manusia - 13520101

Menjalankan program

Requirement

• Install browser yang men-support WEBGL
• Install [Visual Studio Code](https://code.visualstudio.com\)
• Pada VS Code, install ekstensi Live Server

How to Run

Cara 1

1. Buka file index.html melalui VS Code
2. Klik kanan, lalu klik Open with Live Server
3. Website siap digunakan

Cara 2

Buka tautan berikut https://saulsayerz.github.io/IF3260_Tugas3_K02_G8/

Contributors

Kelas 02 - Kelompok 08

No.	Name	Student ID
1.	Jova Andres Riski Sirait	13520072
2.	Dimas Shidqi Parikesit	13520087
3.	Saul Sayers	13520094
4.	Aira Thalca Avila Putra	13520101