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

2024年4月28日 (日) Babylon.js 勉強会 vol.3 ~Babylon.js v7 リリース記念~ @ホロラボ豊田陽介（
） @youtoy Babylon.jsと色々なものを組み合わせる：ブラウザのAPIやガジェットや2D描画ライブラリなど

自己紹介豊田陽介（） @youtoy ▶ IT系イベント主催、　登壇や運営なども ▶ 機械学習・IoT関連
　の書籍を出版 ▶ 子ども向けの活動もいろいろ　⇒ 昨日は北海道の美唄で、技術系の　　親子向け展示（そして今は札幌）　　プライベートでの活動 ▶ ガジェット ▶ 描画系／IoT／AI・機械学習系 ▶ ビジュアルプログラミング ▶ JavaScript 好きな技術など

余談：美唄でのイベントでブラウザアプリを展示来場した子ども達にワイワイ楽しんでもらえました！ ⇒ Babylon.js でも、年齢問わず楽しめる体験型アプリを作りたい音で小さなロボットを操るカメラ映像で光学迷彩・透明マント

自分が好きな方向性ある技術と別のものとの面白そうな組み合わせ気軽に体験して／見て楽しんでもらえる年齢問わず体験が分かりやすい

自分が好きな方向性ある技術と別のものとの面白そうな組み合わせ気軽に体験して／見て楽しんでもらえる年齢問わず体験が分かりやすい例えば Web と、ガジェット、
IoT、AI・機械学習など幅広く楽しんでもらえる＋ SNS で動画を投稿すると、　国内外からの反応もあったり（日本語での投稿でも）オフラインイベントでの展示や展示イベント以外でも活用しやすい

Babylon.js関連の活動など

昨年はBabylon.js 6.0の紹介記事を書いたりも月刊I/O という技術系の月刊誌で Babylon.js 6.0 の紹介記事を執筆

#BabylonJS勉強会でとりあげていただいた試作デスクトップアプリ化やAI・機械学習との組み合わせ

Babylon.js＋ブラウザ用のAI・機械学習の仕組み Googleさんの「MediaPipe」を組み合わせてみたもの

今日も「Babylon.js」と「何か」を組み合わせたという話

【ブラウザのAPI】 WebHID API ＋【ガジェット】 Joy-Conのセンサー

Joy-Conのセンサーを入力として扱うためにボタン押下は Gamepad API でも OK センサーを使うなら WebHID API が必要

あと「Gamepad API」＋ Babylon.js の場合 API のラッパーがある Babylon.jsでの「Gamepad API」利用であれば Babylon.js レシピ集
Vol.3 の第5章で紹介されてる

【JavaScriptライブラリ】描画ライブラリ「p5.js」

太陽を召喚できる気分になれるかも！？ Babylon.jsの「パーティクルヘルパー」を試してた流れで

先ほどの例ならBabylon.jsだけでもできそう p5.js に Babylon.js の描画を組み込めるかを試した ↓ 同じことを行うだけなら Babylon.js単体でも

【ガジェット】曲げることができるフレキシブルディスプレイ

変わり種のディスプレイと組み合わせてみた発色・描画の細かさを確認するコンテンツを Babylon.js で

他の変わり種のディスプレイも組み合わせてみたい【余談】別のブラウザ用描画ライブラリ（p5.js）では試した円系ディスプレイ、細長ディスプレイこれらを 1つの PC で扱ってみた例

方向性としては変わり種のディスプレイの形状・サイズ・特性を活かしたものを考えてみたい

組み合わせてないものはまだまだ他にたくさん！ Babylon.js で面白いことをやっていきたい！

終わり！

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

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

you（@youtoy） PRO

More Decks by you（@youtoy）

Other Decks in Technology

Featured

Transcript

2024年4月28日 (日) Babylon.js 勉強会 vol.3 ~Babylon.js v7 リリース記念~ @ホロラボ豊田陽介（

自己紹介豊田陽介（） @youtoy ▶ IT系イベント主催、　登壇や運営なども ▶ 機械学習・IoT関連