Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
3D Gaussian Splatting (3DGS)のモデルを Cesiumの地球の上で可...
Search
Kenta Itakura
June 04, 2025
Technology
0
300
3D Gaussian Splatting (3DGS)のモデルを Cesiumの地球の上で可視化する方法
Kenta Itakura
June 04, 2025
Tweet
Share
More Decks by Kenta Itakura
See All by Kenta Itakura
PromptDA (Depth Anything) を用いた深度推定や点群生成について
kentaitakura
0
40
3次元点群からメッシュモデルを作成: ボールピボット法について
kentaitakura
0
22
主成分分析やRANSACを利用した点群からの円柱フィッティングの方法
kentaitakura
0
210
ImVisionLabs株式会社: 産業技術総合研究所様との取り組み
kentaitakura
0
160
ImVisionLabs株式会社:ゼンリンデータコム様との取り組み
kentaitakura
0
71
ImVisionLabs株式会社: 中日本航空様との取り組み
kentaitakura
0
96
全方位カメラやPostshotを利用した3D Gaussian Splattingの実行方法の例
kentaitakura
0
850
ImVisionLabs株式会社: 東京電力HD様との取り組み
kentaitakura
0
100
3次元点群の地表面抽出の方法であるCSF (Cloth Simulation Filter) について
kentaitakura
2
1.1k
Other Decks in Technology
See All in Technology
2時間で300+テーブルをデータ基盤に連携するためのAI活用 / FukuokaDataEngineer
sansan_randd
0
120
人に寄り添うAIエージェントとアーキテクチャ #BetAIDay
layerx
PRO
8
2k
AI コードレビューが面倒すぎるのでテスト駆動開発で解決しようとして読んだら、根本的に俺の勘違いだった
mutsumix
0
160
みんなのSRE 〜チーム全員でのSRE活動にするための4つの取り組み〜
kakehashi
PRO
2
130
LIFF CLIとngrokを使ったLIFF/LINEミニアプリのお手軽実機確認
diggymo
0
230
Claude CodeでKiroの仕様駆動開発を実現させるには...
gotalab555
3
860
【CEDEC2025】ブランド力アップのためのコンテンツマーケティング~ゲーム会社における情報資産の活かし方~
cygames
PRO
0
230
私とAWSとの関わりの歩み~意志あるところに道は開けるかも?~
nagisa53
1
160
MCP認可の現在地と自律型エージェント対応に向けた課題 / MCP Authorization Today and Challenges to Support Autonomous Agents
yokawasa
5
1.6k
LLM開発を支えるエヌビディアの生成AIエコシステム
acceleratedmu3n
0
370
KubeCon + CloudNativeCon Japan 2025 Recap
donkomura
0
160
ロールが細分化された組織でSREと協働するインフラエンジニアは何をするか? / SRE Lounge #18
kossykinto
0
110
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
We Have a Design System, Now What?
morganepeng
53
7.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.5k
How to Ace a Technical Interview
jacobian
278
23k
Git: the NoSQL Database
bkeepers
PRO
431
65k
Become a Pro
speakerdeck
PRO
29
5.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Transcript
3D Gaussian Splatting (3DGS)のモデルを Cesiumの地球の上で可視化する方法 板倉健太 ImVisionLabs株式会社代表取締役
3D Gaussian Splatting(3DGS)の概要 任意の角度から見たときの対象の画像情報の再構成を可能にする技術 図1:花瓶に対する実行結果 図1, 3 はScaniverse、図2はSupersplatを利用して可視化しています 図2:樹木細部に対する実行結果 図3:樹木に対する実行結果
点群にガウス分布を割り当て、視点に応じてその分布をレンダリングすることで、 きめ細かな描写とスムーズな可視化を両立可能 従来のNeRF(Neural Radiance Fields)に比べて高速かつ高精細な表現が可能
3Dモデルを地図上で可視化するモチベーション 現実の3次元的な情報を集約して分析することができる 東京都デジタルツイン3Dビューアにてハザードマップを表示した時の様子 図出典: 東京都デジタルツインプロジェクト https://info.tokyo-digitaltwin.metro.tokyo.lg.jp/ 地理的要因を付与することが出来る(測量地の高さや傾斜など) スマートシティの実現や災害シミュレーションなどに貢献
Cesiumの概要と3DGSとの連携について Google Earthのような3D地球をWeb上で扱える 出典: 四日市市3次元都市モデル公開サイト https://www.city.yokkaichi.lg.jp/3d-city/index.html 地形データや3Dモデル(建物や植物など)を表示可能
3DGSをCesium上で可視化する方法1 3DGSをCesiumにて可視化する方法は複数存在する 例えばCesium ionにて「Gaussian splats」という項目をオンにしてアップロードする
3DGSをCesium上で可視化する方法2 別の方法としてAIST Cesium Threejs 3DGSを利用して3DGSもCesium上に表示可能 出典: AIST Cesium Threejs 3DGS
https://github.com/aistairc/aist_cesium_threejs_3dgs 本スライドでは上記のツールを利用して3DGSをCesiumにて可視化する方法を紹介
3DGSをCesium上に可視化するワークフロー 1. Cesium ionアクセストークンの取得 2. 3DGSデータと座標データの準備 3. Cesiumに反映させるためにindex.htmlを編集 4. Dockerを利用した仮想環境の構築
5. Cesiumの起動 6. 実行結果の確認
アクセストークンの取得 Cesium ionにログインし、「Access Tokens」の「Create Token」からCesium の アクセストークンを取得 ローカルでCesiumJSを利用するためにCesium ionアクセストークンを取得 アクセストークンは再発行されないので、
メモに保存するなどして、記録が必要 データの 準備 idex.htm lを編集 トークンの 取得 仮想環境 の構築 Cesiumの 起動 実行結果 の確認
データの準備 3DGSデータ データの 準備 idex.htm lを編集 トークンの 取得 仮想環境 の構築
Cesiumの 起動 実行結果 の確認 桜の3DGS 3DGSの座標データ 3DGSデータとは別に対象の座標データ (緯度経度)を準備 座標データは、自身で調べる必要がある
データの準備 3DGSデータ(ply形式)を「aist_cesium_threejs_3dgs¥public¥demo」下に移動 データの 準備 idex.htm lを編集 トークンの 取得 仮想環境 の構築
Cesiumの 起動 実行結果 の確認 追加した3DGSデータ 先述したAIST Cesium Threejs 3DGSのコードをダウンロードする
idex.htmlを編集 取得したアクセストークンに編集 デモデータと同様の形式でリストを追加する データの 準備 idex.htm lを編集 トークンの 取得 仮想環境
の構築 Cesiumの 起動 実行結果 の確認 高さの情報なども微調整する必要がある • Cesium.Ion.defaultAccessToken=の後に自分のトークンを入力
仮想実行環境の構築 AIST Cesium Threejs 3DGSのREADMEではNode.jsを利用したローカル実行を紹介 データの 準備 idex.htm lを編集 トークンの
取得 仮想環境 の構築 Cesiumの 起動 実行結果 の確認 複数のPCで試したところ、Node.jsのバージョンの違いやその他 の依存関係で問題が発生する場合があった Dockerファイルの例 Dockerファイルを利用して環境を構築
仮想実行環境の構築 Dockerを利用して仮想実行環境を構築 以下のコマンドを実行し、イメージをビルド docker runコマンドを実行し、Docker Containerを起動 docker build -t cesium_3dgs
. データの 準備 idex.htm lを編集 トークンの 取得 仮想環境 の構築 Cesiumの 起動 実行結果 の確認 ブラウザで以下のURLにアクセス <http://localhost:5173/>
Cesiumの起動 Cesium上に表現された3Dデータが表示される データの 準備 idex.htm lを編集 トークンの 取得 仮想環境 の構築
Cesiumの 起動 実行結果 の確認
実行結果の確認 3DGSが追加できているか確認 追加できていると右上のタブに自身の追加した3DGSのタイトルが 表示され、選択すると3DGSを可視化することが出来る データの 準備 idex.htm lを編集 トークンの 取得
仮想環境 の構築 Cesiumの 起動 実行結果 の確認
実行結果の確認 3DGSが追加できているか確認 追加できていると右上のタブに自身の追加した3DGSのタイトルが 表示され、選択すると3DGSを可視化することが出来る データの 準備 idex.htm lを編集 トークンの 取得
仮想環境 の構築 Cesiumの 起動 実行結果 の確認
実行結果の確認 地球儀の上で3DGSのモデルを可視化することができた データの 準備 idex.htm lを編集 トークンの 取得 仮想環境 の構築
Cesiumの 起動 実行結果 の確認
まとめ AIST Cesium Threejs 3DGSを利用してCesiumの地球儀の上で3DGSのモデルを可 視化する方法について紹介しました 建物・構造物のリアルな可視化(例:文化財、災害復旧前後の比較)などにも利用で きるかもしれません