Rendering browser baru saja mengalami bulan terbaiknya
Oleh Oleg Sidorkin, CTO Cinevva
Saat industri game menghabiskan bulan Maret dengan memperdebatkan AI di GDC, ekosistem rendering browser menghadirkan kemajuan lima tahun hanya dalam empat minggu. Tidak ada yang menggelar konferensi pers. Tidak ada yang mengunggah opini kontroversial. Lima hal terpisah terjadi dan secara kolektif mengubah arti "game browser".
Babylon.js telah mendorong kemajuan rendering browser selama bertahun-tahun. Versi 9.0 menghadirkan lompatan terbesarnya sejauh ini.
Yang dirilis pada Maret 2026
Babylon.js 9.0 diluncurkan dengan clustered lighting, sebuah teknik rendering yang mampu menangani ratusan cahaya dinamis dalam satu adegan tanpa menghancurkan performa. Hingga kini, fitur ini hanya tersedia di engine AAA. Rilis ini juga mencakup pencahayaan volumetrik dengan hamburan cahaya realistis, area light bertekstur untuk efek seperti kaca patri dan layar LED, serta editor partikel berbasis node. Semuanya berjalan di WebGPU maupun WebGL 2.
PlayCanvas v2.17 merilis pengurutan Gaussian Splatting berbasis GPU di WebGPU. Gaussian splatting, teknik yang mengubah hasil tangkapan fotogrametri menjadi adegan 3D real-time, masih berupa makalah penelitian dua tahun lalu. Kini teknik tersebut berjalan di engine browser dengan akselerasi GPU untuk tahap pengurutan.
Three.js r183 mengganti nama modul PostProcessing menjadi RenderPipeline. Itu mungkin terdengar seperti perubahan API kecil, tetapi penamaannya penting. "Post processing" adalah sesuatu yang ditambahkan belakangan ke proyek hobi. "Render pipeline" adalah infrastruktur produksi. Tim Three.js memberi sinyal bahwa library ini siap digunakan untuk arsitektur rendering yang serius dan terstruktur.
Chrome 146 menambahkan WebGPU Compatibility Mode, yang berarti GPU lama yang tidak mendukung rangkaian fitur lengkap WebGPU kini dapat menggunakan WebGPU melalui jalur dengan kemampuan terbatas. Basis perangkat yang dapat menjalankan WebGPU baru saja berkembang secara drastis.
W3C menerbitkan WebGPU sebagai Candidate Recommendation Draft. Ini adalah langkah formal menuju statusnya sebagai standar web resmi. WebGPU tidak lagi bersifat eksperimental. Teknologi ini kini berada di jalur standardisasi.
Mengapa bulan ini berbeda
Salah satu saja dari rilis ini sudah patut diperhatikan. Kelimanya terjadi pada bulan yang sama sehingga menciptakan efek berlipat ganda.
Lima tahun lalu, "game browser" berarti game kasual 2D, mungkin dengan beberapa efek Canvas jika Anda cukup ambisius. Tiga tahun lalu, Anda dapat membuat 3D dasar dengan optimasi yang cermat. Setahun lalu, WebGPU mulai hadir di browser produksi dan batas kemampuannya mulai meningkat.
Namun, Maret 2026 adalah saat kesenjangan antara rendering native dan browser berubah dari "signifikan" menjadi "menyempit dengan cepat". Clustered lighting sebelumnya memerlukan Unreal atau Unity. Gaussian splatting sebelumnya memerlukan laboratorium penelitian. Pipeline pascapemrosesan berkualitas produksi sebelumnya memerlukan engine khusus. Kini, ketiganya tersedia di engine browser sumber terbuka yang dapat dipasang siapa saja melalui npm.
Three.js Water Pro berjalan di WebGPU. Ini adalah browser.
Menurut saya, apa yang akan terjadi selanjutnya
Sejak awal, kami di Cinevva telah bertaruh pada distribusi game yang mengutamakan browser. Tesis kami selalu sama: kesenjangan rendering akan tertutup karena platform web berkembang lebih cepat daripada engine native. WebGPU membutuhkan waktu lebih lama dari perkiraan saya, tetapi konvergensinya kini berlangsung sesuai jadwal.
Dampak praktisnya adalah distribusi. Game yang berjalan di browser tidak memerlukan unduhan, instalasi, atau proses persetujuan platform. Game tersebut dimuat dari sebuah URL. Itulah keunggulan browser sejak dulu, tetapi keunggulan itu baru berarti ketika kualitas rendering sudah cukup baik sehingga pengembang benar-benar memilihnya.
Kita kini telah melewati ambang tersebut. Bukan untuk setiap game. Bukan untuk game AAA dunia terbuka dengan ray tracing. Namun, untuk kelas game yang semakin luas—termasuk game dengan 3D real-time, pencahayaan dinamis, sistem partikel, dan aset fotogrametri—browser merupakan target yang layak. Dan tidak seperti platform native, tidak ada pungutan platform sebesar 30% di sisi distribusi.
Pertanyaannya tidak pernah "apakah browser akan mengejar ketertinggalan". Pertanyaannya adalah "kapan". Maret 2026 telah menjawabnya.
Terkait:
- Babylon.js 9.0: clustered lighting dan Gaussian splatting — ulasan teknis lengkap
- Chrome 146 menghadirkan WebGPU Compatibility Mode — memperluas basis perangkat yang dapat menjalankan WebGPU
- Pengembangan game web memasuki era WebGPU — bagaimana kita sampai di sini
- Perbandingan Engine Game Web — Babylon.js, Three.js, PlayCanvas, dan lainnya
- Memulai WebGPU untuk pengembang game — praktik langsung dengan API baru
- Teknologi Dunia Terbuka 3D di Browser — arsitektur rendering di balik dunia berbasis browser