オープンソースプロジェクト「Project Spirare」で始めるノーコード AR コンテンツ開発

2.7K Views

May 16, 24

#holoconf24 #AR #ノーコード #オープンソース #コンテンツ開発 #Project Spirare

スライド概要

2024/4/18に実施されたHololab Conference 2024のセッションスライドです。

■セッションアーカイブはこちら
https://www.youtube.com/playlist?list=PLcIuMEVR3eYegP17SKG_UPgERmmGStEr_

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

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

ホロラボ

@HoloLab

スライド一覧

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

またはPlayer版

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

ダウンロード

ダウンロード(pdf - 2.19MB)

関連スライド

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

holoconf23 bim

ホロラボ 34.6K

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

hololens mixed reality holoconf22

ホロラボ 32.1K

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

holoconf23 bim

ホロラボ 30K

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

ホロテク24

ホロラボ 19.7K

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

holoconf22 hololens mixed reality

ホロラボ 18.3K

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

hololens mixed reality holoconf22

ホロラボ 13.6K

各ページのテキスト

オープンソースプロジェクト「Project Spirare」で始めるノーコード AR コンテンツ開発株式会社ホロラボ古田裕介田野哲也

自己紹介古田裕介たるこす (@tarukosu) 株式会社ホロラボ Researcher 2

https://twitter.com/tarukosu

2種類の配置方式地理配置空間配置特定の場所 (マーカー, VPS マップなど）を基準として、そこからの相対位置 (x, y, z) でオブジェクトの位置を指定緯度・経度・高さ（楕円体高）でオブジェクトの位置を指定 3D都市モデルおよびPLATEAUオルソはProject PLATEAU で提供されるデータを利用 (https://www.mlit.go.jp/plateau/) 地形データは、測量法に基づく国土地理院長承認（使用）R3JHs 778を得て使用 Copyright© HoloLab Inc. All rights reserved 7

https://www.mlit.go.jp/plateau/

地理配置モードの Editor, Browser Spirare Editor Spirare Browser PC 用コンテンツ作成アプリ各種端末用コンテンツ表示アプリ 3D都市モデルおよびPLATEAUオルソはProject PLATEAU で提供されるデータを利用 (https://www.mlit.go.jp/plateau/) 地形データは、測量法に基づく国土地理院長承認（使用）R3JHs 778を得て使用 Copyright© HoloLab Inc. All rights reserved

https://www.mlit.go.jp/plateau/

10.

11.

https://www.mlit.go.jp/plateau/

12.

Spirare Editor, Browser を試すには詳細な手順はブログ記事をご参照ください・ Spirare Editor: ビルド済みアプリケーションをダウンロード可能・ Spirare Browser: 一度だけ Uniｔｙ Editor でのビルドが必要 Project Spirare による AR コンテンツ作成 [AR Foundation, QR マーカー編] Project Spirare による AR コンテンツ作成 [AR Foundation, Geospatial API 編] Copyright© HoloLab Inc. All rights reserved 13

13.

14.

15.

16.

POML(ポムル) とは • Project Spirareで仕様を定義している 3D コンテンツのためのフォーマット • XML ベース • 特定のゲームエンジンに依存しない • 3D モデル、画像、動画などの表示位置を記述する • 個別のデータ自体は POML には含まず外部ファイルを参照する 3D コンテンツデータ POML モデルデータ (.glb) 画像データ (.png, .jpg) POML の仕様 <poml> <scene> <model src="./Whale.glb"> </model> <image src="./HoloLab.png"> </image> </scene> </poml>

17.

POML(ポムル) による拡張性 Spirare Browser (AR) Spirare Editor 3D コンテンツデータ Spirare Browser (VR) POML モデルデータプログラムで生成 Web アプリケーション画像データカスタムアプリケーション 3D都市モデルおよびPLATEAUオルソはProject PLATEAU で提供されるデータを利用 (https://www.mlit.go.jp/plateau/) 地形データは、測量法に基づく国土地理院長承認（使用）R3JHs 778を得て使用 Copyright© HoloLab Inc. All rights reserved 18

https://www.mlit.go.jp/plateau/

18.

19.

アプリ組込み：torinome AR VPSモード地理配置モード torinome Webで地図上にオブジェクト配置 torinome ARで現地にて重畳表示 ※位置合わせはARCore Geospatial APIを利用 POML 読み込み torinome AR(iPadアプリ)にSpirareを組み込んでいるため、torinome APIが出力した POML形式のデータを読み込むだけで、現実へのCGの重畳表示を簡単に実現。 Copyright© HoloLab Inc. All rights reserved 20

20.

アプリ組込み：観光案内ARアプリ空間配置モード歴史的建造物が並ぶ観光地向けの案内を行うためのARアプリ開発時、現地の街並みをスキャンした3Dモデルに対してSpirare Editorで各種オブジェクトの配置を実施。実際のARアプリにもSpirareを組み込み、現地でのCGの重畳表示を実現。 ※VPSは他社ライブラリを使用 Copyright© HoloLab Inc. All rights reserved 21

21.

提案活動：品川テクノロジーテラス地理配置モード 2024年3月に開催された品川テクノロジーテラスで展示するコンテンツのイメージを伝える際にSpirareアプリを活用。使用する予定の3DモデルをMR表示で見せることで文字やイラスト以上にイメージを伝えることができ、コンテンツ案の早期確定に繋がった。 ※動画は実際に展示した完成品で、提案時にはない各オブジェクトの動きや演出が加えられている Copyright© HoloLab Inc. All rights reserved 22

22.

23.

24.

おわりに • Spirare Editor と Spirare Browser を使うことでノーコードで AR コンテンツ開発ができる • 有償にて Spirare をベースとしたカスタムアプリ開発も可能です • ホロラボ社員またはお問い合わせフォームよりご連絡ください Project Spirare による AR コンテンツ作成 [AR Foundation, QR マーカー編] Project Spirare によるARコンテンツ作成 [AR Foundation, Geospatial API 編] Copyright© HoloLab Inc. All rights reserved ホロラボお問い合わせフォーム 25

25.