20240619 PLATEAU LT 06 Babylon.jsとPLATEAU

こちらのイベントで登壇したときの資料です。

https://asciistartup.connpass.com/event/319065/

発表資料で紹介したYouTubeの動画です。
https://youtu.be/KqWLG5AUwfw

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