GLB Viewer — Penampil File GLB & glTF Online

File GLB adalah bentuk biner dari glTF 2.0: satu file yang mengemas mesh, material, tekstur, dan animasi sebuah model 3D menjadi satu. Khronos Group merilis glTF 2.0 pada 2017, dan pada 2022 format ini menjadi standar internasional, ISO/IEC 12113. Itulah sebabnya file .glb dari Blender, generator model AI, atau aplikasi pemindaian 3D bisa dibuka di GLB viewer ini, di halaman web, dan di sebagian besar game engine.

Penampil .glb cukup membaca file lalu menggambarnya. Mengedit, mengganti tekstur, dan mengekspor ke format lain adalah tugas editor 3D.

GLB vs glTF: Satu File atau Satu Folder

Model yang sama bisa disimpan dengan dua cara. File .gltf berisi JSON yang bisa dibaca dan merujuk ke file-file terpisah: file .bin berisi geometri dan satu gambar untuk setiap tekstur. File .glb mengemas JSON, data biner, dan gambar-gambar itu ke dalam satu file, sehingga lebih mudah dikirim lewat email, diunggah, dan disimpan tanpa ada yang tercecer.

Isi Sebuah GLB: Header, Chunk JSON, dan Chunk Biner

Header 12 byte

Setiap GLB diawali huruf glTF, nomor versi, dan panjang total file. Penampil memeriksa byte ini lebih dulu, dan dari situlah ia bisa memberi tahu Anda ketika sebuah “GLB” sebenarnya file FBX atau glTF 1.0.

Chunk JSON

Berikutnya ada blok JSON yang mendeskripsikan adegan: mesh, material, tekstur, animasi, dan berapa banyak verteks pada setiap bagian. Laporan model dibaca dari sini, sehingga angka-angkanya sudah muncul sebelum apa pun digambar.

Chunk biner

Terakhir ada data biner: posisi verteks, normal, keyframe animasi, dan biasanya gambar tekstur itu sendiri, yang disimpan sebagai PNG, JPEG, WebP, atau KTX2.

Membuka model baru separuh pekerjaan. Separuh lainnya adalah mengetahui apakah model itu siap untuk tujuannya: halaman web, ponsel, aplikasi AR, atau game. Penampil GLB ini membaca angka-angka yang menjawab pertanyaan itu.

Verteks, Segitiga, dan Mesh

Jumlah segitiga adalah ukuran paling jelas untuk seberapa berat sebuah model digambar. Model produk untuk halaman web biasanya berada di kisaran puluhan ribu segitiga; patung hasil pindaian bisa mencapai jutaan dan tersendat di ponsel. Verteks yang dipakai bersama oleh beberapa bagian dihitung sekali, sehingga angkanya sesuai dengan isi file.

Tekstur: Penyumbang Byte Terbesar

Kebanyakan orang mengira geometri yang rumitlah yang membuat GLB besar. Kenyataannya jarang begitu. Tab Informasi menampilkan bilah yang membagi file menjadi tekstur, geometri, animasi, dan sisanya, dan pada sebagian besar model statis, porsi tekstur yang paling besar. Model contoh Avocado (Alpukat) hanya punya 682 segitiga, tetapi ukurannya 7,73 MB, hampir semuanya dari tiga gambar 2048 × 2048.

Kami mengukur 13 file GLB dari Khronos glTF Sample Assets dengan parser milik penampil ini sendiri. Median porsi tekstur adalah 95% dari ukuran file. Hanya karakter beranimasi dan sebuah mobil mainan dengan 109.000 segitiga yang sebagian besar isinya geometri. Angka lengkapnya ada di tabel di bawah.

Animasi dan Target Morph

File beranimasi mencantumkan setiap klip beserta durasinya. Pilih klip, jeda, geser linimasa, atau perlambat hingga seperempat kecepatannya untuk memeriksa siklus berjalan frame demi frame. Skin dan target morph, yang dipakai untuk karakter dan ekspresi wajah, juga dihitung dalam laporan.

Ekstensi Kompresi yang Bisa Didekode

Banyak GLB dikompresi, dan penampil yang tidak bisa mendekodenya tidak akan menampilkan apa-apa. Penampil ini menangani ekstensi yang umum:

• Draco (KHR_draco_mesh_compression) memperkecil geometri secara drastis, tetapi butuh dekoder sebelum model bisa digambar.
• meshopt (EXT_meshopt_compression) mengompresi geometri dan animasi serta didekode dengan sangat cepat.
• KTX2 (KHR_texture_basisu) menyimpan tekstur dalam format siap-GPU yang memakai lebih sedikit memori video.
• WebP (EXT_texture_webp) membuat file tekstur lebih kecil, dan browser bisa mendekodenya tanpa tambahan apa pun.

Setiap dekoder hanya diunduh ketika sebuah file mendeklarasikan ekstensinya, jadi GLB biasa tidak pernah ikut menanggung bebannya.

File .gltf saja hanya berisi deskripsi JSON. Geometrinya ada di file .bin di sebelahnya, dan teksturnya di file-file gambar, sering kali di dalam folder textures. Berikan semuanya sekaligus ke penampil glTF ini: pilih bersamaan di dialog file, atau seret seluruh folder ke penampil.

Penampil mencocokkan setiap file dengan jalur yang tertulis di .gltf, jadi struktur folder tetap diikuti. Jika file .bin tidak ada, penampil menyebutkan nama persisnya alih-alih gagal tanpa keterangan. Jika ada tekstur yang hilang, model tetap terbuka dan file yang hilang ditampilkan dalam daftar, jadi Anda tahu file mana yang perlu dicari.

Saat sebuah model gagal dimuat, penyebabnya hampir selalu salah satu dari lima hal berikut, dan penampil GLB ini menyebutkannya alih-alih menampilkan layar kosong.

Ternyata Bukan GLB

File FBX, OBJ, dan STL kadang diganti namanya menjadi .glb dengan harapan itu membantu. Hasilnya nihil: isinya tetap format yang berbeda. Penampil membaca byte pertama dan memberi tahu format file yang sebenarnya, sehingga Anda bisa mengekspornya ulang sebagai GLB dari Blender atau program yang membuatnya.

Model Hitam, Abu-abu, atau Teksturnya Hilang

File .gltf yang file gambarnya tertinggal akan menampilkan permukaan abu-abu atau putih polos. Model yang tampak hitam biasanya butuh cahaya: nyalakan “Pencahayaan studio” di tab Adegan atau naikkan eksposurnya.

Terlalu Kecil, Terlalu Besar, atau Rebah ke Samping

glTF memakai satuan meter dengan sumbu +Y mengarah ke atas. Model yang diekspor dalam milimeter akan tampil 1.000 kali terlalu besar, dan model yang dibuat dengan sumbu atas yang berbeda akan rebah ke samping. Penampil membingkai setiap model secara otomatis sehingga selalu terlihat; perbaiki skala atau sumbunya saat mengekspor.

Ternyata File glTF 1.0

File yang diekspor sebelum 2017 mungkin berformat glTF 1.0, yang tidak lagi dibaca oleh alat-alat masa kini. gltf-pipeline, alat open source dari Cesium, bisa meningkatkan sebagian besar file tersebut ke glTF 2.0.

Halaman Melambat atau Crash di Ponsel

Di ponsel, memori yang terbatas dipakai bersama oleh browser dan chip grafis. Hasil pindaian 120 MB dengan tekstur 8K bisa menghabiskan semuanya, itulah sebabnya batas di ponsel adalah 50 MB. Buka file besar di komputer, atau perkecil teksturnya terlebih dahulu.

Penampil GLB menggambar secara waktu nyata (real-time), banyak frame per detik, dengan rendering berbasis fisika (PBR) dan lingkungan studio untuk pantulan. Renderer Cycles di Blender menelusuri berkas cahaya selama beberapa detik atau menit per gambar, dengan bayangan lembut dan cahaya yang memantul antarpermukaan. Materialnya sama; pencahayaannya yang berbeda.

Warna juga bisa bergeser. Penampil ini memakai tone mapping Khronos PBR Neutral, yang dirancang agar warna produk tetap akurat, sementara alat lain mungkin menerapkan tampilan ala film (filmic). Jika model terlihat terlalu gelap atau terlalu terang, sesuaikan eksposur di tab Adegan alih-alih mengedit materialnya.

Tombol kamera menyimpan persis apa yang Anda lihat sebagai gambar PNG. Pilih 1×, 2×, atau 4× ukuran penampil agar gambar tetap tajam di layar beresolusi tinggi, lalu centang “Latar transparan” untuk menghilangkan latar studio. Bayangan lantai yang lembut tetap ada, jadi model tampak berdiri alami di atas warna halaman apa pun.

Karena itu, penampil GLB ini menjadi cara cepat mengubah GLB menjadi PNG untuk daftar produk, dokumen, gambar mini, atau portofolio. Untuk membuat gambarnya lebih ringan setelah itu, kompres PNG-nya atau konversikan ke WebP, lalu ubah ukurannya ke dimensi persis yang diminta sebuah situs.

Dengan penampil ini, aman. File dibaca dan dirender di dalam tab browser Anda; file tidak pernah diunggah dan tidak ada informasi tentangnya yang disimpan. Bahkan file .gltf yang merujuk alamat tekstur di situs web lain tidak diizinkan mengambilnya, jadi membuka model tidak mengirim permintaan apa pun atas namanya.

Satu-satunya unduhan tambahan adalah komponen milik penampil itu sendiri: mesin 3D, ditambah dekoder Draco atau KTX2 saat file terkompresi membutuhkannya. Semuanya berupa kode program yang sama untuk semua orang dan tidak berisi apa pun milik Anda. Anda bisa memeriksanya sendiri di alat pengembang (developer tools) browser Anda, pada tab Network (Jaringan), saat model sedang dibuka.