VieriMansyl / IF3260_Tugas2_K02_G20

Hollow Object with WebGL

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

3D WebGL Hollow Object

Program berupa website ini dibuat untuk menyelesaikan Tugas Besar2 IF3260 Grafika Komputer.

Deskripsi program

Program dirancang untuk menghasilkan sebuah website yang menampilkan model-model hampa (<i>hollow object</i>) dalam 3 dimensi serta menyediakan utilitas-utilitas untuk mengubah tampilan model tersebut . Website ini ditujukan untuk memenuhi Tugas Besar 2 pada mata kuliah IF3260 Grafika Komputer untuk tahun ajaran 2022/2023. Program ini dirancang dengan menggunakan bahasa pemrograman HTML, CSS, dan vanilla Javascript.

3D WebGL Hollow Object diimplementasikan dengan WebGL dan dirancang untuk menampilkan berbagai objek 3D berongga seperti kubus, prisma, dan oktahedron. Objek tersebut dapat memanipulasi objek dengan berbagai cara dengan memutar, menskalakan, dan memindahkannya. Pada program ini juga memungkinkan untuk mengubah warna objek dan memilih dari berbagai jenis proyeksi seperti orthographic, oblique, dan perspective.

Untuk mensimulasikan pencahayaan pada objek, shader dapat diaktifkan dan dimatikan, memberikan efek visual yang lebih realistis. Kamera pada program dapat digerakkan untuk berputar di sekeliling objek, serta zoom in dan zoom out. Terdapat juga animasi idle yang dapat diaplikasikan pada objek. Selain itu, tersedia opsi bantuan untuk memberikan panduan tentang cara menggunakan program dan fitur-fiturnya.

Fitur Bonus

  • Animasi objek
  • Implementasi shading manual tanpa fungsi bawaan GL

Menjalankan program

Requirement

How to Run

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

Contributors

Kelas 02 - Kelompok 20

No. Name Student ID
1. Shaffira Alya Mevia 13519083
2. Vieri Mansyl 13520092
3. Muhammad Alif Putra Yasa (K3) 13520135

About

Hollow Object with WebGL


Languages

Language:JavaScript 88.6%Language:HTML 8.7%Language:CSS 2.7%