Babylon.jsと色々なものを組み合わせる：ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3

Transcript

1. 2024年4月28日 (日) Babylon.js 勉強会 vol.3 ~Babylon.js v7 リリース記念~ @ホロラボ 豊田陽介（ ） @youtoy Babylon.jsと色々なものを組み合わせる： ブラウザのAPIやガジェットや2D描画ライブラリなど
2. 自己紹介 豊田陽介（ ） @youtoy ▶ IT系イベント主催、 　 登壇や運営なども ▶ 機械学習・IoT関連 　 の書籍を出版 ▶ 子ども向けの活動もいろいろ 　⇒ 昨日は北海道の美唄で、技術系の 　　 親子向け展示（そして今は札幌） 　　 プライベートでの活動 ▶ ガジェット ▶ 描画系／IoT／AI・機械学習系 ▶ ビジュアルプログラミング ▶ JavaScript 好きな技術など
3. 余談：美唄でのイベントでブラウザアプリを展示 来場した子ども達にワイワイ楽しんでもらえました！ ⇒ Babylon.js でも、年齢問わず楽しめる体験型アプリを作りたい 音で小さなロボットを操る カメラ映像で光学迷彩・透明マント
4. 自分が好きな方向性 ある技術と別のものとの 面白そうな組み合わせ 気軽に体験して／見て 楽しんでもらえる 年齢問わず体験が 分かりやすい
5. 自分が好きな方向性 ある技術と別のものとの 面白そうな組み合わせ 気軽に体験して／見て 楽しんでもらえる 年齢問わず体験が 分かりやすい 例えば Web と、ガジェット、 IoT、AI・機械学習など 幅広く楽しんでもらえる ＋ SNS で動画を投稿すると、　 国内外からの反応もあったり （日本語での投稿でも） オフラインイベントでの展示や 展示イベント以外でも活用しやすい
6. Babylon.js関連の活動など
7. 昨年はBabylon.js 6.0の紹介記事を書いたりも 月刊I/O という技術系の月刊誌で Babylon.js 6.0 の紹介記事を執筆
8. #BabylonJS勉強会でとりあげていただいた試作 デスクトップアプリ化やAI・機械学習との組み合わせ
9. Babylon.js＋ブラウザ用のAI・機械学習の仕組み Googleさんの「MediaPipe」を組み合わせてみたもの
10. 今日も 「Babylon.js」と「何か」 を組み合わせたという話
11. 【ブラウザのAPI】 WebHID API ＋ 【ガジェット】 Joy-Conのセンサー
12. Joy-Conのセンサーを入力として扱うために ボタン押下は Gamepad API でも OK センサーを使うなら WebHID API が必要
13. あと「Gamepad API」＋ Babylon.js の場合 API のラッパーがある Babylon.jsでの「Gamepad API」利用であれば Babylon.js レシピ集 Vol.3 の第5章で紹介 されてる
14. 【JavaScriptライブラリ】 描画ライブラリ「p5.js」
15. 太陽を召喚できる気分になれるかも！？ Babylon.jsの「パーティクルヘルパー」を試してた流れで
16. 先ほどの例ならBabylon.jsだけでもできそう p5.js に Babylon.js の描画を 組み込めるかを試した ↓ 同じことを行うだけなら Babylon.js単体でも
17. 【ガジェット】 曲げることができる フレキシブルディスプレイ
18. 変わり種のディスプレイと組み合わせてみた 発色・描画の細かさを確認するコンテンツを Babylon.js で
19. 他の変わり種のディスプレイも組み合わせてみたい 【余談】別のブラウザ用描画ライブラリ（p5.js）では試した 円系ディスプレイ、 細長ディスプレイ これらを 1つの PC で扱ってみた例
20. 方向性としては 変わり種のディスプレイの 形状・サイズ・特性を 活かしたものを考えてみたい
21. 組み合わせてないものは まだまだ他にたくさん！ Babylon.js で面白いことを やっていきたい！
22. 終わり！