～ Babylon.js x Re:Earth ～ Re:Earth上で Babylon.jsを動かしてみた

Plateau Viewerの元となっているRe:EarthのプラグインをBabylon.jsを使って作ってみました。
Re:Earth上のクリックした地点の過去とこれからの気温情報をOPEN-METE.COMから取得し、それを3DグラフとしてRe:Earth上に再現しています。
より具体的な方法は、以下のBabylon.jsレシピ集 vol.4をご覧ください。

https://techbookfest.org/product/hbQUMEdbJtewk7dHeuhyih?productVariantID=tangUz3FFjtZr7DDQ39pYU

Transcript

1. ～ Babylon.js x Re:Earth ～ Re:Earth上で Babylon.jsを動かしてみた #Babylonjs勉強会 2024/4/28 かーでぃ
2. 自己紹介 • 名前： かーでぃ • 今年の抱負： アウトプットの多様性 • 主催、運営： ◦ RPACommunity LT支部、WAトーク支部、 LTを雑に雑談する30分 ◦ BabylonJS勉強会 ゆるほめLT会 ◦ CDLE RPA&クラウドフローグループ ◦ SE友の会　 SE時事ラジオ • モットー：IT知識は広ーく、浅ーく、幅広く • 好き：技術書典、コーヒー、チェアリング 　　　ゆるキャン△、ぼざろ、ガンダム 2024/4/28 Babylon.js勉強会⚡
 Re:Earth上でBabylon.jsを動かしてみた
 #Babylonjs勉強会

3. 1月のLT会では、APIで気温等を取得して、グラフ表示 2024/4/28 Babylon.js勉強会⚡
 Re:Earth上でBabylon.jsを動かしてみた
 #Babylonjs勉強会

4. 課題として、Re:Earth連携をあげていました。 2024/4/28 Babylon.js勉強会⚡
 Re:Earth上でBabylon.jsを動かしてみた
 #Babylonjs勉強会

5. ということで、有言実行❣ 2024/4/28 Babylon.js勉強会⚡
 Re:Earth上でBabylon.jsを動かしてみた
 #Babylonjs勉強会

6. Free Weather API 無料で使える全世界の天気 データをAPIで取得できるサー ビス 詳しくは、こちら https://paiza.hatenablog.com/entry/2021/11/04/130000 • 無料で使える • APIキーの発行なし • API Builderで楽々成形 2024/4/28 Babylon.js勉強会⚡
 Re:Earth上でBabylon.jsを動かしてみた
 #Babylonjs勉強会

7. Re:Earthとは？ 2024/4/28 Babylon.js勉強会⚡
 Re:Earth上でBabylon.jsを動かしてみた
 #Babylonjs勉強会
 PLATEAU VIEWERにも採用されている、 WebGISのノーコードツール。
8. Re:Earthのプラグイン 2024/4/28 Babylon.js勉強会⚡
 Re:Earth上でBabylon.jsを動かしてみた
 #Babylonjs勉強会
 JavaScriptで機能を追加することができます。 JavaScriptということは …〇〇〇も組み込めちゃいます！
9. Re:Earthのプラグイン 2024/4/28 Babylon.js勉強会⚡
 Re:Earth上でBabylon.jsを動かしてみた
 #Babylonjs勉強会
 〇〇〇＝Three.js
10. Re:Earthのプラグイン 2024/4/28 Babylon.js勉強会⚡
 Re:Earth上でBabylon.jsを動かしてみた
 #Babylonjs勉強会
 〇〇〇＝Babylon.js
11. LIVE 2024/4/28 Babylon.js勉強会⚡
 Re:Earth上でBabylon.jsを動かしてみた
 #Babylonjs勉強会

12. Re:Earthマーケットプレイスにも出してあります。 2024/4/28 Babylon.js勉強会⚡
 Re:Earth上でBabylon.jsを動かしてみた
 #Babylonjs勉強会
 自分は、マーケットプレイスか らインストールが出来なかった です。。？

13. 詳しくは… 5月25日から始まる、技術書典16にて頒布される、Babylon.jsレシピ集vol.4 に書かさせて頂きました！ 2024/4/28 Babylon.js勉強会⚡
 Re:Earth上でBabylon.jsを動かしてみた
 #Babylonjs勉強会

14. Githubにも公開してます。 2024/4/28 Babylon.js勉強会⚡
 Re:Earth上でBabylon.jsを動かしてみた
 #Babylonjs勉強会
 https://github.com/kerdy0725/reearth3dTemp4babylonjs 

15. 以上、かーでぃでした。