WebGL didasarkan pada OpenGL ES 2.0 dan menyediakan sebuah API untuk grafis 3D. Untuk alasan keamanan, OpenGL 3.x atau OpenGL ES diperlukan. Ia menggunakan elemen kanvas HTML5 dan diakses menggunakan antarmuka Document Object Model. Manajemen memori otomatis disediakan sebagai bagian dari bahasa JavaScript.
Jadi setelah mengetahui tentang webgl apa yang kita bisa lakukan di webgl? ada banyak yang kita bisa lakukan di webgl tapi saya akan fokus menjelaskan 1 saja yaitu model 3D di webgl, contohnya seperti ini
gambar di atas adalah bentu model 3d yang saya buat, mungkin kalian bingung tentang pembuatan model 3Dnya dan bagaimana cara pembuatannya? membuat model 3d di webgl itu menggunakan coding di hltml dan jsnya website anda contoh ini adalah coding hltml saya
Nah coding di htmlnya mungkin kalian masih ada yang tidak mengerti apa itu Index html mari saya jelaskan; Index html adalah sebuah file yang menjadi indeks sebuah website. File ini otomatis dibuka saat kita membuka website dengan memanggil nama domain website. Index html adalah default file dan merupakan file paling penting bagi website. Tanpa file index.html, jika kita membuka website maka browser akan menampilkan file-file lain dalam bentuk tampilan folder bukan tampilan website sesuai design.File index.html berada pada direktori utama atau direktori root sebuah website. File index.html juga harus berada pada setiap direktori dan sub direktori dalam direktori website. Hal ini dilakukan untuk alasan keamanan agar website aman dari hacking oleh pihak-pihak yang tidak bertanggungjawab.
File index.html yang berada pada direktori root umumnya berisi tampilan homepage website, yaitu halaman default saat website dibuka dengan nama domainnya. File index.html ini berisi script-script dan tata letak website beserta isi dan link-link didalam website. Dalam sistem website dinamis file index.html menjadi sangat kompleks berbeda dengan website statis.
Sebuah file index.html sederhana hanya dibuat agar memenuhi format html standar seperti head, body, title dan isi. Berikut ini contoh file index.html sederhana untuk memberitahukan bahwa situs sedang dalam tahap pembuatan.
nah selain Index html kita juga ada Index Js apa itu Index Js?; indeks. js biasanya menjalankan situs web atau aplikasi web, itu juga akan menjadi server web HTTP dasar menggantikan peran sesuatu yang lebih tradisional seperti Apache. Nah contoh bentuk coding JS gemana?
Nah itu adalah index js, mungkin anda juga bingun kenapa saya menjelaskan ini semua? karena saya ingin menjelaskan tentang projek saya jadi sekarang anda telah mengetahui tentang hltm dan js mari kita mulai
code ini untuk pembuatan kamera prespektif dan mengrender dunianya
Orbit control itu buat kameranya bisa bergerak di dunia itu mouse listener itu buat kita mengerakan kameranya dengan mouse
Sky itu adalah coding untuk dunianya, grass adalah coding untuk rumput yang ada di dunia itu dan terakhir road adalah coding untuk jalanannya yang ada di dunia itu
Tree adalah coding untuk membuat pohonnya dan membuat semua pohon itu muncul secara acak setiap kali kita refresh dunianya
light adalah coding untuk membuat cahaya seperti matahari
Donut adalah coding dimana donutnya di billboard terbuat
billboard adalah coding dimana terbuatnya billboard untuk donutnya
keylistener adalah coding dimana kita bisa mengubah posisi donutnya
coding ini untuk rendernya, pemindahan posisi donut dan meng render kameranya untuk bisa di jalankan semua pas websitenya di jalankan, hasilnya akan seperti ini
ini adalah hasil dari semua codingan itu