Komunitas pengembangan grafis sedang menyaksikan kemajuan yang menarik dalam rendering 3D berbasis browser dengan munculnya THREE-Nanite, sebuah proyek yang bertujuan untuk mereproduksi sistem Level of Detail (LOD) dinamis gaya Nanite milik Unreal Engine menggunakan Three.js. Perkembangan ini hadir di saat grafis 3D berbasis browser semakin penting dalam aplikasi web.
 |
|---|
| Grafik ini mengilustrasikan sistem LOD dinamis, menampilkan bagaimana model 3D dapat mengubah kompleksitasnya berdasarkan jaraknya dari penampil |
Implementasi LOD Dinamis
Proyek ini mengimplementasikan sistem pemrosesan mesh yang canggih yang mengelompokkan dan menyederhanakan model 3D secara dinamis. Meskipun masih dalam tahap awal, proyek ini menunjukkan kinerja yang mengesankan, dengan pengguna melaporkan frame rate yang wajar bahkan pada perangkat keras lama. Seperti yang dicatat oleh salah satu anggota komunitas, sistem ini mencapai 20-40 fps pada perangkat keras Celeron akhir 2010-an dengan grafis terintegrasi, menangani ratusan ribu segitiga secara efektif.
Metrik Kinerja:
- Mampu menangani 700.000 segitiga
- 20 fps untuk jarak dekat pada perangkat keras lama
- 40 fps dengan pengurangan LOD untuk jarak jauh
Tantangan Teknis dan Wawasan Komunitas
Implementasi ini telah memicu diskusi teknis yang mendalam dalam komunitas pengembang, khususnya mengenai strategi optimisasi. Meskipun versi saat ini menunjukkan potensi, para ahli menunjukkan kemungkinan perbaikan:
Bahkan sesuatu yang sederhana, seperti pemotongan quadtree LOD dengan view frustrum mungkin akan secara dramatis mengurangi jumlah segitiga dan mempercepat rendering lebih lanjut.
Fitur Implementasi Saat Ini:
- Pengelompokan mesh (meshlet)
- Pengelompokan kluster yang berdekatan
- Penyederhanaan mesh menjadi setengah segitiga (maksimal 128)
- Membagi fungsionalitas menjadi 2 bagian
Pergerakan Industri yang Lebih Luas
Proyek ini berada dalam konteks yang lebih luas dari kemajuan grafis 3D di browser web. Perkembangan paralel termasuk implementasi Nanite di WebGPU dan bahkan Unreal Engine 5 yang berjalan di browser melalui WebGPU, meskipun belum mendukung Nanite. Perkembangan ini menandakan pergeseran signifikan menuju kemampuan grafis 3D yang lebih canggih di browser web.
Jalur Pengembangan Masa Depan
Peta pengembangan proyek ini mencakup perbaikan penting seperti pengujian yang lebih ekstensif pada LOD dan implementasi DAG cut, serta optimalisasi streaming geometri ke GPU. Keterlibatan komunitas menunjukkan minat yang kuat untuk melihat teknologi ini matang, terutama untuk aplikasi 3D berbasis web yang membutuhkan penanganan geometri kompleks secara efisien.
Catatan Teknis: LOD (Level of Detail) mengacu pada praktik menurunkan kompleksitas model 3D saat bergerak menjauh dari penampil, sementara DAG (Directed Acyclic Graph) digunakan untuk mengatur dan mengelola tingkat detail yang berbeda secara efisien.
Referensi: THREE-Nanite