Pada tugas 1 dari mata kuliah IF3260, kami membangun program dengan kakas WebGL untuk membangun program sederhana yang berfungsi menggambar model-model geometri serta mengaplikasikan berbagai modifikasi terhadap model-model tersebut. Program ini tidak menggunakan library eksternal. Kami membangun sendiri semua fungsi-fungsi primitif yang dibutuhkan untuk membangun program yang tidak disediakan oleh WebGL.
Kelompok:
Nama | Nim |
---|---|
Reinaldo Antolis | 13519015 |
Vionie Novencia Thanggestyo | 13520006 |
Muhammad Garebaldhie ER Rahman | 13520029 |
- Clone Repository
- Double click pada index.html
- Tekan tombol help yang ada pada bagian kanan atas
- Pilih model yang mau digambar
- Klik canvas untuk menggambar
- Pilih objek yang ingin diedit
- Klik tombol edit
- Pilih fitur edit yang diinginkan
- Lakukan pengeditan sesuai jenis fitur edit
- Klik tombol save untuk menyimpan model
- Klik tombol load untuk memuat model dari file eksternal
Manual untuk menjalankan program secara selengkapnya terdapat di folder doc, file laporan
-
getMouse Position Mendapatkan posisi mouse pada canvas
-
getRGB Mendapatkan enkoding RGB dari color selector
-
resizeCanvas Mengatur ulang ukuran canvas
-
transformCoordinate Merubah koordinat layar menjadi koordinat clip (web gl)
-
loadShader Fungsi yang digunakan untuk meload shader webgl
-
createShaderProgram Membuat program yang berisi shader yang telah dibuat, nantinya program ini akan digunakan untuk proses rendering
-
render Fungsi ini akan merender object menggunakan program yang telah dibuat.
- Draw Line
- Draw Rectangle
- Draw Square
- Draw Polygon
- Polygon by convex hull
- Geometric transofrmation
- Dilatation
- Translation
- Rotation
- Shear
- Save / load models
│ README.md
│
├───doc
├───src
│ │ feature.js
│ │ index.css
│ │ index.html
│ │ main.js
│ │ model.js
│ │ util.js
│ │
│ └───assets
│ dotted-polygon.png
│ help.png
│ line.png
│ polygon.png
│ rectangle.png
│ save.png
│ square.png
│
└───test
.gitkeep
save.json
save_2.json