ハクソク

世界を動かす技術を、日本語で。

Show HN: Spark、Three.js用の高度な3Dガウススプラッティングレンダラー

348日前原文(sparkjs.dev)

概要

  • Spark は、THREE.js向けの高度な3D Gaussian Splattingレンダラー
  • 他の メッシュやスプラット とのシーン統合が容易
  • 全デバイス での高速描画と動的スプラットエフェクト対応
  • ply, spz, splat, ksplat など幅広いフォーマットをサポート
  • オープンソースで簡単に導入可能

Spark: THREE.js用 高度3D Gaussian Splattingレンダラー

  • Spark は、THREE.jsシーンに Gaussian Splats を統合するためのオープンソースライブラリ
  • 他の メッシュやスプラット と同時に配置可能な統合性
  • 全てのデバイス での高速な描画性能
  • プログラム可能な動的スプラットエフェクト の実装
  • ply, spz, splat, ksplat など多様なフォーマット対応
  • 簡単なセットアップ と導入手順

開発者からのメッセージ

  • aframe.io 共同開発者・メンテナーによる新技術の紹介
  • 長年の Web 3Dグラフィックス開発経験 に基づく知見
  • Spark は、Gaussian SplatsをTHREE.jsシーンに 手軽に統合 可能
  • 友人たちと協力して オープンソース として開発
  • 今後追加してほしい 機能やレンダリング技術 についてのフィードバックを歓迎

Hackerたちの意見

ちょっと分かりやすいリポジトリのリンクだね https://github.com/sparkjsdev/spark

すごく印象的なデモだね！古いiPhoneでもちゃんと動くよ。3Dプログラミングの知識があまりない趣味でゲーム開発してる者として、唯一のフィードバックは「ガウシアン・スプラッティング」が何かをGitHubかウェブサイトのどこかに書いておいてほしいってことかな。ウィキペディアの一文だけでも、プロジェクトやその可能性についてワクワクさせてくれるよ。ガウシアン・スプラッティングは、データを表面や線のプリミティブに変換せずにボリュームデータを直接レンダリングする技術なんだって。超高性能な雲や火、煙とか？最高だね！

└

ありがとう！FAQは絶対に追加しなきゃね。

食品スキャンのデモ（「インタラクティビティ」例のセクション）がすごい！特にメルのステーキサンドイッチ、パンの穴を覗いてるところが最高。見た目の詳細レベルに対してパフォーマンスが驚くほど良いね、統合グラフィックスのノートパソコンでも。今、この技術はどこで一番使われてるの？

└

手持ちデバイスやドローンで短いものをスキャンすることに情熱を注いでるコミュニティがあるよ。Tipatatがデモ用に彼の食品スキャンを使わせてくれたんだ。あと、kotohibiの花のスキャンも楽しんでるよ： https://superspl.at/user?id=kotohibi 編集：タイプミス

└

そのレベルの詳細にしては転送サイズもそんなに悪くないよ、約80MBくらいだし。（皮肉じゃなくて、本当にすごい。）

これめっちゃクールだね！誰かがウェブブラウザからウェブページを開いたら、VRでも使えるのかな？それならもっと素晴らしい！

└

VRでもちゃんと動くよ！もうすぐデモを用意する予定だよ。

これ、すごい！ありがとう！R3Fで何時間も遊んで、頂点シェーダーやフラグメントシェーダーを追加してみたけど、結局諦めちゃった。数学が面倒すぎるんだよね。

└

R3Fのテンプレートがあるから、役に立つかもよ：https://github.com/sparkjsdev/spark-react-r3f

これもいいね！BabylonJSも素晴らしいガウススプラットのサポートがあるよ：https://doc.babylonjs.com/features/featuresDeepDive/mesh/gau...

└

BabylonJSとOPのAframe [1]は、ライセンスが似てるし、GitHubのスター数やフォーク数も似てるけど、Aframeの方が新しくてゲームやVRに特化してる感じだね。Babylon、Aframe、Three.js、PlayCanvas [2]を使ったことがある人たちの意見はどう？私の理解では、PlayCanvasが一番成熟してて、機能も豊富でパフォーマンスもいいけど、商業用なんだよね。Babylonは機能が豊富な3Dエンジンで、Three.jsはかなり素朴な感じ。アニメーションやテクスチャに関してはいいものもあるけど、結局自分でキットを作ることになる。これらの中で良い体験（または悪い体験）はあった？OP、あなたのデモはすごくしっかりしてるね！Aframeの魅力は何なの？「ガウススプラット」の未来はどうなると思う？視覚化や「デジタルツイン」（産業設定で）以上に役立つと思う？近い将来、編集やアニメーションができるようになるのかな？それとも、クリエイティブやゲームの分野でいつ（またはいつまでに）役立つようになると思う？ [1] https://github.com/aframevr/aframe [2] https://playcanvas.com/

ガウススプラッティングがデモ以上のものになるとはまだ懐疑的だな。ファイルが大きすぎる。例えば、ステーキサンドイッチは12MBもあるし。去年のSIGGRAPHでは、ガウススプラットを使ったMatterportのクローンがあったけど、2ベッドルームのアパートを見るのに1.5GBのストリーミングが必要だった。クールなデモだね。

└

ありがとう！12MBのステーキサンドイッチが一番大きいんだね。他はここにあるよ：https://vincentwoo.com/3d/sutro_tower/

あのステーキ、よだれが出るくらい美味しそうだった。ミッション達成！

極端なリアリズムと、極端にミニマリスティックなピクセルアートの二極化が進んでるね。私は後者が好きだけど、あなたのプロジェクトは前者において本当に重要そうだね。

└

ありがとう！両方でうまくいったよ！あまり探求されていない分野は、従来の方法（例えば、Blender）で作成されたスプラット資産への変換だね。特定のシナリオでは、より良いビジュアル結果が得られるよ（高周波のディテール）。ホームページのカルーセルにあるファーリーなロゴを見てみて！