Spark - Renderer 3D Gaussian Splatting canggih untuk Three.js

 (sparkjs.dev)
3 poin oleh GN⁺ 2025-06-13 | 1 komentar | Bagikan ke WhatsApp
  • Spark adalah renderer canggih yang dibuat untuk merender 3D Gaussian Splatting di scene Three.js
  • Dibuat oleh World Labs, dan dapat menempatkan mesh lain serta splat bersama-sama di dalam scene yang sudah ada
  • Menargetkan rendering cepat di semua perangkat, dengan fokus pada penanganan konten splat di berbagai lingkungan
  • Mendukung efek splat dinamis yang dapat diprogram, sehingga memungkinkan penyusunan efek di dalam scene melampaui tampilan statis
  • Mendukung berbagai format seperti ply, sogs, spz, splat, dan ksplat, dan bisa langsung mulai dari dokumentasi resmi

Renderer splat yang terintegrasi ke scene Three.js

  • Spark adalah renderer 3D Gaussian Splatting untuk Three.js
  • Dibuat oleh World Labs
  • Dapat diintegrasikan ke scene Three.js yang sudah ada untuk digunakan bersama mesh dan splat lainnya

Fitur rendering dan format yang didukung

  • Disebutkan menyediakan rendering cepat di semua perangkat
  • Mendukung efek splat dinamis yang dapat diprogram
  • Format yang didukung adalah sebagai berikut
    • ply
    • sogs
    • spz
    • splat
    • ksplat
  • Dokumentasi awal tersedia di Get started

Bacaan terkait

1 komentar

 
GN⁺ 2025-06-13
Komentar di Hacker News

  • Demonya benar-benar mengesankan, dan berjalan lancar bahkan di iPhone lama
    Dari sudut pandang pengembang gim hobi yang tidak punya banyak pengetahuan pemrograman 3D, akan bagus kalau di GitHub atau di suatu tempat di situs web ada definisi satu baris tentang apa itu Gaussian splatting
    Definisi ala Wikipedia seperti “Gaussian splatting adalah teknik rendering volume yang merender data volume secara langsung tanpa mengubah data menjadi primitif permukaan atau garis” saja sudah akan membuat proyek ini dan kemungkinan pemanfaatannya terasa jauh lebih menjanjikan
    Kalau bisa membuat awan, api, atau asap berperforma tinggi, itu akan sangat keren

    • FAQ jelas perlu ditambahkan

  • Demo pemindaian makanan, terutama bagian contoh “Interactivity”, luar biasa
    Saya terutama suka adegan melihat ke dalam lubang roti di Mel's Steak Sandwich, dan untuk tingkat detail yang terlihat, performanya di laptop dengan grafis terintegrasi pun mengejutkan bagus
    Saya penasaran teknik ini sekarang paling umum digunakan di mana

    • Ada komunitas yang antusias memindai objek-objek kecil dengan perangkat genggam atau drone
      Tipatat menyediakan banyak pemindaian makanan untuk demo, dan saya juga suka pemindaian bunga dari kotohibi: https://superspl.at/user?id=kotohibi
    • Untuk detail setingkat itu, ukuran transfernya juga tidak buruk. Hanya sekitar 80MB
      Ini bukan sindiran, benar-benar rapi

  • Ini juga keren, dan BabylonJS juga punya dukungan Gaussian splatting yang cukup baik: https://doc.babylonjs.com/features/featuresDeepDive/mesh/gau...

    • BabylonJS dan Aframe [1] dari artikel asli tampaknya mirip dalam hal lisensi serta jumlah bintang dan fork di GitHub, tetapi Aframe terlihat lebih baru dan lebih berfokus ke gim/VR
      Saya penasaran bagaimana perbandingannya dari sudut pandang orang yang pernah memakai Babylon, Aframe, Three.js, dan PlayCanvas [2]
      Sejauh yang saya pahami, PlayCanvas adalah yang paling matang, kaya fitur, dan performanya bagus tetapi komersial; Babylon adalah engine 3D yang kaya fitur; sedangkan Three.js masih cukup mentah. Ada elemen bagus seperti animasi dan tekstur, tetapi pada akhirnya terasa seperti harus membuat toolset sendiri
      Saya penasaran apakah ada pengalaman baik atau buruk dengan salah satu dari ini
      Demonya benar-benar stabil. Saya penasaran apa daya tarik utama Aframe
      Saya juga penasaran bagaimana masa depan Gaussian splatting akan berkembang. Apakah akan ada kegunaan di luar visualisasi atau “digital twin” industri, apakah dalam waktu dekat bisa diedit atau dianimasikan, dan kapan kira-kira akan berguna di bidang kreasi dan gim
      [1] https://github.com/aframevr/aframe
      [2] https://playcanvas.com/

  • Agar tautan repositorinya sedikit lebih mudah terlihat, ini dia: https://github.com/sparkjsdev/spark

  • Sangat keren
    Saya penasaran di mana bottleneck performa saat ini, terutama apakah ada insight untuk adegan dinamis
    Contoh simulasi partikel sempat tersendat-sendat lalu jauh membaik ketika kamera diputar, jadi tampaknya latar belakang statisnya jauh lebih berat daripada kelihatannya
    Sebaliknya, terlepas dari bottleneck, piramida Sierpinski yang dibuat secara prosedural itu bagus sekali

    • Jumlah splat dalam adegan dan distribusinya memengaruhi performa
      Kemungkinan kameranya diputar ke arah dengan splat lebih sedikit
      Masih banyak yang harus dilakukan untuk menghasilkan performa yang konsisten, dan berikutnya mungkin akan melihat sistem LOD

  • Saya masih cukup skeptis apakah Gaussian splatting punya arti lebih dari sekadar demo
    Filenya terlalu besar. Misalnya satu sandwich steak saja 12MB
    Di SIGGRAPH tahun lalu ada replika Matterport berbasis Gaussian splatting, dan untuk melihat apartemen dua kamar perlu melakukan streaming 1,5GB
    Demonya sendiri keren

    • Perlu juga dilihat bahwa sandwich steak 12MB itu termasuk yang paling besar
      Sisanya di bawah 10MB, dan beberapa yang cukup meyakinkan berada di kisaran 1–3MB. Misalnya Iberico Sandwich 1MB, Clams and Caviar 1,8MB
      Metode kompresi yang lebih canggih juga sedang datang. Contohnya SOGS. Yang ini 30MB
      https://vincentwoo.com/3d/sutro_tower/
    • Kompresi SOGS bekerja dengan baik
      Satu juta Gaussian dengan seluruh koefisien spherical harmonics bisa dimuat dalam sekitar 14MB
      Ada tulisan bagus di blog PlayCanvas: https://blog.playcanvas.com/playcanvas-adopts-sogs-for-20x-3...
    • Ukuran file yang besar sebagian besar untuk menyimpan koefisien spherical harmonics, dan ini adalah masalah yang bisa diselesaikan

  • Karyanya keren, tetapi di Firefox pada laptop dengan GPU Nvidia RTX A3000 performanya cukup buruk
    Di sini ada cukup banyak shader core untuk menyebabkan luka bakar tingkat satu

    • Apakah itu terjadi pada demo atau contoh tertentu?

  • Apakah bisa berjalan-jalan membawa ponsel lalu menangkap Gaussian splat untuk hal-hal seperti rumput, semak, dan tanah
    Lalu memilih sebidang tanah 1 meter persegi atau area kubus 1 meter berisi semak, kemudian menyusun blok rumput secara berulang dan sesekali mencampur tanah serta semak untuk membuat dunia yang “terlihat seperti Minecraft”
    Sepertinya perlu hardware yang cukup kuat untuk merender ribuan blok

    • Prototipe seperti itu tampaknya sangat mungkin dibuat
      Kalau dilihat langsung sepertinya akan benar-benar keren

  • Kelihatannya benar-benar keren
    Apakah ini juga bisa berjalan di VR saat membuka halaman web di browser? Kalau iya, itu akan lebih luar biasa

    • Bisa berjalan di VR. Demo akan segera dirilis