20240619 PLATEAU LT 06 Babylon.jsとPLATEAU

Transcript

1. 2024/6/19 @limes2018 Microsoft MVP for Mixed Reality

2. UnityとVRを中⼼に活動。2018年頃から Babylon.js (3DCGが使える JavaScript/TypeScriptフレームワーク)を 知って情報発信を継続。 最近はBabylon.js+WebXR関連で活動中 Babylon.js勉強会の共同主催者 2児の⽗で休⽇は公園や図書館に⾏くことが多い Blog :

   Cross Road https://www.crossroad-tech.com/ X: @limes2018 2 Development Technologies (Unity) : 2016/10-2018/7 Windows Development (Windows Mixed Reality) : 2018/7-2022/8 Mixed Reality (MR Development) : 2022/9- Babylon.jsレシピ集 | 電子書籍とプリントオンデマンド（POD） | NextPublishing（ネクストパブリッシング） Babylon.js レシピ集 Vol.2 | 電子書籍とプリントオンデマンド（POD） | NextPublishing（ネクストパブリッシング） Babylon.js レシピ集 Vol.3 | インプレス NextPublishing

3. 背景 PLATEAUのHPでは、Unity, Unreal Engine, three.jsによるPLATEAUの使⽤⽅法が書 いてあるが、Babylon.jsについては⾒つかりませんでした。 →PLATEAU+Babylon.js+オープンデータ ができることを試してみました 3 ＋

   ＋ PLATEAU Babylon.js Open data

4. 4 (1)PLATEAU SDK for Unityを使⽤して、指定 範囲をインポートしglb形式で出⼒ (今回は東京都⽂京区付近を取得) (2) Blenderでglbファイルをインポート 描画負荷削減のため、join(統合)

   Unity Blender

5. 5 (1) Babylon.jsでPLATEAU 3Dモデルを読み込 んで、カメラ移動ができるように設定 (3) ⽂京区保育園⼀覧の緯度経度をXY座標 に変換 (4) 各地点から光の煙を出すように設定

6. 6 A simple collaboration of PLATEAU and city open data

   (youtube.com)

7. PLATEAU : https://www.mlit.go.jp/plateau/about/ Open data : https://www.city.bunkyo.lg.jp/kusejoho/opendata/portalsite.html 関連記事 https://www.crossroad-tech.com/entry/PLATEAU-2022-Blender https://techbookfest.org/product/98wX6jcrVRqtUjJ2FTJHyP?productVariantID=2Jik4ynXEYQXu6CcZAk35S

   7