WebGL adalah JavaScript API untuk rendering grafik 2D dan 3D pada web browser tanpa diperlukan plugin tambahan. Dengan menggunakan WebGL, kita dapat mengambil benefit GPU dalam melakukan image processing.
Untuk memudahkan mengakses WebGL API, tutorial akan menggunakan three.js, library untuk WebGL yang cukup popular.
Tutorial ini bertujuan menggunakan fungsi-fungsi WebGL melalui three.js pada halaman web. Jadi diharapkan Anda sudah memahami HTML, CSS, JavaScript dan Library three.js.
Anda bisa mengikuti tutorial three.js dasar di https://skillplus.web.id/tutorial-three-js-dasar/
Berikut topik yang dibahas dalam tutorial
- Template Dasar Aplikasi WebGL menggunakan three.js
- Menggunakan Perlin 3D Noise Untuk Manipulasi Vertex
- Menambahkan Animasi Pada Vertex Shadder
- Menggunakan varying
- Menggunakan Image Texture
- Menggabungkan WebGL Dalam HTML – 1
- Menggabungkan WebGL Dalam HTML – 2
- Menggabungkan WebGL Dalam HTML – 3
- Menggabungkan WebGL Dalam HTML – 4
- Menggabungkan WebGL Dalam HTML – 5
- Menggabungkan WebGL Dalam HTML – Final