今回で5回目になる勉強会の内容をまとめました。
English version
- 1. Babylon.js Japanとは?
- 2. 発表内容
- 2.1 Babylon.js JAPAN 活動紹介 / Activities of Babylon.js Japan
- 2.2 Web 3D クリエイションを加速する Babylon.js 9.0/ Accelerating Web 3D Creation with Babylon.js 9.0
- 2.3 オーガナイズドセッション: 生成AI x メタバースのシステムにおけるBabylon.jsの活用例/How Babylon.js Is Used in Generative AI × Metaverse Systems
- 2.4 LT 1 : Babylon.jsとGaussian Splatting/Gaussian Splatting with Babylon.js
- 2.5 LT 2 : Babylon.js を使って試した色々な内容/Various My Trials with Babylon.js
- 2.6 LT 3 : ShaderMaterialを用いたポイントクラウドレンダリング/Point Cloud Rendering with ShaderMaterial
- 2.7 LT 4 : Babylon.js本で振り返るBabylon度(仮)/Recap My Passion for Babylon.js
- 3. おわりに
1. Babylon.js Japanとは?
Babylon.jsに関する勉強会の告知、コミュニティ内での知見をシェアするグループです。2022年4月に開始しました。
https://babylonjs.connpass.com/babylonjs.connpass.com
2026/4/5時点で登録者は601人です。
発表はYou Tube Liveでも配信されました。（後日アーカイブを公開予定です)
当日は現地で約15名、オンライン参加で40名程度にご参加いただきました。
2. 発表内容
2.1 Babylon.js JAPAN 活動紹介 / Activities of Babylon.js Japan
発表者：limes (@limes2018)
私の発表です。
今回はDavidさんへのアピールが目的でしたので、全て英語で説明しました。
2026/4時点でコミュニティ参加者が600人、これまでに8冊の本を出版しているなどが、Davidさんに喜んでいただけました。
2.2 Web 3D クリエイションを加速する Babylon.js 9.0/ Accelerating Web 3D Creation with Babylon.js 9.0
発表者：David Catuhe
今回のスペシャルゲスト、David Catuheさんによるご発表です。
今回のご発表では、２週間前に公開されたBabylon.js 9.0の代表機能を１つずつ紹介いただきました。
どんな内容なのかは、たとえばこのリリースビデオをご覧ください。
2.3 オーガナイズドセッション: 生成AI x メタバースのシステムにおけるBabylon.jsの活用例/How Babylon.js Is Used in Generative AI × Metaverse Systems
発表者：日立製作所 寺内理紗
日立製作所ではBabylon.jsをさまざまなプロトタイプに使われています。この発表では４つの使用例を紹介いただきました。
休憩あけの、オーガナイズドセッション！#BabylonJSJapan #BabylonJS #BabylonJS勉強会 pic.twitter.com/LSCqfuaEP8
— you (@youtoy) 2026年4月5日
#BabylonJSJapan
— 犯人はヤス (@Ykoba791) 2026年4月5日
日立さんのBabylon色々。
ニュースレターでこうかいしてくれてるらしい pic.twitter.com/DfOgKMFr3Y
2.4 LT 1 : Babylon.jsとGaussian Splatting/Gaussian Splatting with Babylon.js
発表者：犯人はヤス
Gaussian Splattingの検討状況、および倉庫管理 with Babylon.jsで試したことを紹介されておりました。
#BabylonJS #BabylonJS勉強会
— じゅん@就活中 4/15XRミーティング北海道エリアのお世話 6/14💉9 (@jun_mh4g) 2026年4月5日
人が映り込んだときの処理の流れ
もやも消せる pic.twitter.com/DyVERbB1Q3
倉庫管理をBabylon.jsで(^^♪#BabylonJS勉強会 #BabylonJS #BabylonJSJapan pic.twitter.com/3sdcPXf2DM
— かーでぃ@4/12の技術書典20は「え12」 (@_0447222690292) 2026年4月5日
#BabylonJS #BabylonJS勉強会
— じゅん@就活中 4/15XRミーティング北海道エリアのお世話 6/14💉9 (@jun_mh4g) 2026年4月5日
Webブラウザでのデータ可視化
物流倉庫での活用の例
大量の商品を探すの大変 pic.twitter.com/VQTtzaWwAK
2.5 LT 2 : Babylon.js を使って試した色々な内容/Various My Trials with Babylon.js
発表者：豊田陽介
Babylon.jsに限らず、さまざまな技術を活用した作品作りをされています。
今回は、他の活動例とBabylon.jsの取り組み例を紹介いただきました。
#BabylonJS #BabylonJS勉強会
— じゅん@就活中 4/15XRミーティング北海道エリアのお世話 6/14💉9 (@jun_mh4g) 2026年4月5日
とよたさん 個人で色々コミュニティ活動 #NT広島 とか
Babylon.js を使って試した色々な内容 pic.twitter.com/qOAQrfM0FD
2.6 LT 3 : ShaderMaterialを用いたポイントクラウドレンダリング/Point Cloud Rendering with ShaderMaterial
発表者：noname20310
CADデータを描画するとき、そのままでは細部が描画できない問題があり、メッシュ位置、ShaderMaterialを調整することで、拡大しても見えるようにしたそうです。
#BabylonJS #BabylonJS勉強会
— じゅん@就活中 4/15XRミーティング北海道エリアのお世話 6/14💉9 (@jun_mh4g) 2026年4月5日
nonameさん babylon-mmdの開発者
ShaderMaterialとThinInstanceを用いたポイントクラウドレンダラーの開発
CADデータレンダリングにおけるPointの問題がある pic.twitter.com/TIszaYwgAY
#BabylonJS #BabylonJS勉強会
— じゅん@就活中 4/15XRミーティング北海道エリアのお世話 6/14💉9 (@jun_mh4g) 2026年4月5日
→小さなBillboardで表現することに
Pointのスケール問題
→Vertex Shaderを修正 pic.twitter.com/hf7Xz8Kw42
#BabylonJS #BabylonJS勉強会
— じゅん@就活中 4/15XRミーティング北海道エリアのお世話 6/14💉9 (@jun_mh4g) 2026年4月5日
改善結果
具体的な実装は公開スライド資料の付録にありますとの事
8888888888 pic.twitter.com/wkILsyvy3i
2.7 LT 4 : Babylon.js本で振り返るBabylon度(仮)/Recap My Passion for Babylon.js
発表者：かーでぃさん (@_0447222690292 )
発表資料はこちらです。3D空間にスライドが表示されます。
https://playground.babylonjs.com/#880790
Babylon.jsがきっかけで技術同人誌を書くことになった
2023/10のBabylon.js レシピ集Vol.1に初めて参加
3Dグラフ化、IoT連携、Re:Earth連携、Kintone連携など、別の仕組みと組み合わせる方法をを中心に多数活動してきた
#BabylonJSJapan
— 犯人はヤス (@Ykoba791) 2026年4月5日
かーでぃさんＬＴ
Babylonの3D空間内に2Dのスライドを入れて発表と言う独自スタイルで、今までの振り返り。
何かと組みわせてってのは本当にキモだとお pic.twitter.com/rZKw7OQbQr
3. おわりに
メジャーリリースに合わせたイベントは5回目になります。今回、初めて海外ゲストをお招きできて、より広がることができました。
今回を機に、より海外の方もお招きするイベントができればと思います。いつできるかわかりませんが、また新しい動きができればと思います。
