Mengonversi File GLB Menggunakan glTF-Pipeline

Berikut ini adalah catatan ketika saya belajar mengonversi file GLB (salah satu format file obyek 3D) agar ukurannya menjadi sangat kecil. Catatan ini dibuat berdasarkan penjelasan yang diberikan oleh chat.deepseek.com dan berhasil saya terapkan. Sebagai pemula dalam dunia kode, agar bila lupa tidak perlu repot mencari lagi tutorialnya maka catatan ini saya buat dan dibagikan. Barangkali ada yang sama-sama sebagai pemula.

Sumber gambar

1. Instal Node.js
   Jika belum menginstal Node.js, sila install lebih dahulu dengan mengikuti langkah berikut:
   Kunjungi situs resmi Node.js: https://nodejs.org/.
   Unduh dan instal versi LTS (Long Term Support).
   Setelah instalasi selesai, buka terminal atau command prompt dan jalankan perintah berikut untuk memverifikasi instalasi:
   node -v
   npm -v
   Jika versi Node.js dan npm muncul, artinya instalasi berhasil.
   
   
2. Instal glTF-Pipeline
   Buka terminal atau command prompt.
   Jalankan perintah berikut untuk menginstal glTF-Pipeline secara global:
   npm install -g gltf-pipeline
   
   Verifikasi instalasi dengan menjalankan perintah:
   gltf-pipeline -h
   Jika instalasi berhasil, Anda akan melihat daftar perintah yang tersedia.
   
   
3. Persiapan File GLB
   Siapkan file GLB yang ingin Anda kompres.
   Letakkan file tersebut di folder yang mudah diakses, misalnya di Documents/glb_files/.
   Buka terminal atau command prompt, lalu arahkan ke folder tempat file GLB berada.
   
   Contoh: 
   cd Documents/glb_files
   
   
4. Kompres File GLB dengan Draco
   Jalankan perintah berikut untuk mengompres file GLB menggunakan glTF-Pipeline:
   gltf-pipeline -i input.glb -o output.glb --draco.compressionLevel 10
   
   Penjelasan:
   -i input.glb
   File GLB yang akan dikompresi.
   
   -o output.glb
   Nama file hasil kompresi.
   
   --draco.compressionLevel 10
   Tingkat kompresi (0-10, di mana 10 adalah kompresi maksimal).
   Saya merekomendasikan cukup menggunakan kompresi tingkat 5 saja. Sebab kalau terlalu tinggi (nilai 10) hasilnya kurang bagus bahkan tidak dapat dimuat oleh threejs.
   
   Contoh:
   Jika file GLB Anda bernama Anu.glb, jalankan perintah berikut:
   gltf-pipeline -i Anu.glb -o Anu-compressed.glb --draco.compressionLevel 10
   
   
5. Opsi Tambahan
   Anda dapat menyesuaikan parameter kompresi sesuai kebutuhan. Berikut beberapa opsi yang tersedia:
   --draco.quantizePositionBits
   Jumlah bit untuk mengkuantisasi posisi (default: 14).
   
   --draco.quantizeNormalBits
   Jumlah bit untuk mengkuantisasi normal (default: 10).
   
   --draco.quantizeTexcoordBits
   Jumlah bit untuk mengkuantisasi koordinat tekstur (default: 12).
   
   --draco.quantizeColorBits
   Jumlah bit untuk mengkuantisasi warna (default: 8).
   
   --draco.quantizeGenericBits
   Jumlah bit untuk mengkuantisasi data generik (default: 12).
   
   Contoh perintah dengan opsi tambahan:
   gltf-pipeline -i Anu.glb -o Anu-compressed.glb --draco.compressionLevel 10 --draco.quantizePositionBits 12 --draco.quantizeNormalBits 8
   
   
6. Verifikasi Hasil Kompresi
   Setelah proses kompresi selesai, file output.glb akan muncul di folder yang sama.
   Periksa ukuran file output.glb. Biasanya, ukuran file akan jauh lebih kecil daripada file aslinya.
   Buka file output.glb di aplikasi seperti Babylon.js Sandbox atau Three.js untuk memastikan model masih terlihat baik.

Beberapa obyek hasil belajar saya tampilkan di sini.