Webで広がる最新3D技術～3D Gaussian SplattingやWebXRをキャッチアップ～

>100 Views

October 27, 25

#holoconf25

スライド概要

2025/10/24に実施されたHololab Conference 2025のセッションスライドです。

■セッションアーカイブはこちら

■イベント詳細
https://hololab.co.jp/event/holoconf25

ーーー
■公式HP
https://hololab.co.jp/

■公式Twitter
https://twitter.com/HoloLabInc

ホロラボ

@HoloLab

スライド一覧

ホロラボです Unityを使用したHoloLensのアプリ開発を中心にしています。最近では建設業でのBIMデータ、製造業でのCAD データ、空間の3Dスキャン(点群データやメッシュデータ)も扱っています。物理世界とデジタル世界をどのように連携するか。ということを日々考えています。

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

関連スライド

3DGS･フォトグラメトリ比較と最新事例

ホロテク24

ホロラボ 45.4K

3DモデルとPower BIの悪魔合体「建物みえるくん」をつくってみた！

holoconf23 bim

ホロラボ 44.7K

BIMから3次元モデルを消してみたら、意外に便利でした

holoconf23 bim

ホロラボ 40K

トヨタのxR活用事例ご紹介～ホロラボとの開発秘話を中心に (ホロラボカンファレンス 2022 トヨタ自動車株式会社栢野様発表スライド)

hololens mixed reality holoconf22

ホロラボ 37.1K

三菱重工業との取り組み事例　～HoloLensなどを活用した現場向けコミュニケーションツールの開発～

holoconf22 hololens mixed reality

ホロラボ 20.6K

⽵中⼯務店の“建設DX”と “open BIM”と“xR” (ホロラボカンファレンス 2022 株式会社竹中工務店橋口様、川上様発表スライド)

hololens mixed reality holoconf22

ホロラボ 16.5K

各ページのテキスト

Webで広がる最新3D技術～3D Gaussian SplattingやWebXRをキャッチアップ～株式会社ホロラボ堤海斗

Webアプリ開発の魅力 • クロスプラットフォーム • 体験するまでの導線が手軽 o リンクを踏む・QRコードを読み取る o インストールという障壁がない o Windows/Mac/Android/iOSで動く！* • 開発者人口が多い →ユーザの離脱を抑える o エコシステムが充実 • リリース容易性 o AIコード生成との相性が良い o ストアを介さずリリースできる o デプロイすれば即アップデート可能！ Copyright© HoloLab Inc. All rights reserved 7

昨今のWebブラウザ機能の進化以前よりもさまざまな機能が使えるように • ローカルストレージ • Web AudioやBluetooth、MIDI信号などの取り扱い • （ネイティブ）アプリのように振舞えるPWA • ハイパフォーマンスなコード実行：WebAssembly・Web Worker • 最新グラフィクスAPI：WebGPU • 組み込みLLM などなど… Copyright© HoloLab Inc. All rights reserved 8

昨今のWebと3D技術ネイティブアプリに引けを取らないパフォーマンスと表現力 • 3Dエンジン機能の充実 oThree.js / Babylon.js / PlayCanvas • ｇｌTF拡張表現の拡充 oよりリアルな質感表現 o大理石、肌、すりガラス、傷ついた金属… • ブラウザのWebGPU対応 oハイパフォーマンスな描画* Khronos glTF Sample Assetsより Copyright© HoloLab Inc. All rights reserved 9

10.

11.

https://blog.playcanvas.com/playcanvas-open-sources-sog-format-for-gaussian-splatting/

12.

WebにおけるGaussian Splattingの活用 • Arrival Space oGaussian Splattingデータをアップロードして自由に歩き回れるWebメタバース空間が作れる • SuperSplat(Editor) oGaussian Splattingを編集できるWebツール Arrival Space「Gotanda Station to HoloLabOffice」より • Cesium.js oWebGISライブラリであるCesiumが対応 o地理空間データとして Gaussian Splattingを配置・可視化できる Copyright© HoloLab Inc. All rights reserved SuperSplat Editorより 12

13.

Gaussian Splattingの実用に向けた動き Webでのニーズの高まり →新しい空間表現の活用を模索それに伴い技術側の進歩もあり • 大規模化 o 広域データの作成と可視化ができるように • パフォーマンス向上 o もともと描画が重いデータ o 大きなデータでも高速に描画できるように技術進化 • 標準化 Cesium.jsでGaussian Splattingが動作している様子 https://youtu.be/0TRmwS_YtT8 より o 画像や3Dモデルのように使えるデータ形式の整備 Copyright© HoloLab Inc. All rights reserved 13

https://youtu.be/0TRmwS_YtT8

14.

15.

16.

17.

WebXR開発のツラみ技術選定の難易度が比較的高めいくつかの候補があるが、トレードオフ関係になっている例） • WebXR Device API準拠（Three.jsのWebXR機能など） o 高機能で利用にお金がかからない o しかしiOSで動かない • 8thwallやZapworks o 高機能だが条件によっては有料ライセンスが必要 • AR.ｊｓ o 無料で利用可能だが機能は限定的 Copyright© HoloLab Inc. All rights reserved 17

18.

WebXR開発ツール紹介① 8thwall / 8thwall Studio • Niantic Spatial inc.が開発 • クロスプラットフォームで高機能 o ワールドトラッキング o フェイストラッキング o LightshipVPS o など • ゲームエンジン（8thwall Studio）も使える • スマホだけでなく Meta Questなども対応 • 最近はネイティブアプリ出力機能やデスクトップのエディタも登場８thwall Studioの画面イメージ (https://www.8thwall.com/products/nianticstudioより) Copyright© HoloLab Inc. All rights reserved 18

19.

WebXR開発ツール紹介② Zapworks • Zapper社が開発するサービス群 • 8thwall同様、クロスプラットフォームで高機能 • Universal SDK oThree.jsやBabylon.jsだけでなく oUnityでも開発できる • Mattercraft oGUIでゲームなどを開発できる oImmersalのVPSが使える Mattercraftの画面イメージ (https://zap.works/mattercraft/3d-games-andwebsites/より) Copyright© HoloLab Inc. All rights reserved 19

20.

21.

22.

関連セッション・展示のご案内関連セッション関連展示 • • 株式会社アクティブリテック様： XGRIDS • • ホロラボ： torinome ホロラボ: 音声ガイドLINEミニアプリ「WhatsThisAI」 • B2 14:25-14:45 フォトグラメトリ /3D Gaussian Splatting B3 15:00-15:20 体験が生む出会いを、 LINEが物語に変える ──AI自体の新しいマーケティング Copyright© HoloLab Inc. All rights reserved 22

23.

http://hololab.co.jp/wp-content/uploads/2017/01/title.png

https://hololab.co.jp/

Webで広がる最新3D技術 ～3D Gaussian SplattingやWebXRをキャッチアップ～