Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラ...
Search
you(@youtoy)
PRO
April 27, 2024
Technology
0
570
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you(@youtoy)
PRO
April 27, 2024
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
もくはりでのモノ作りと自身のモノ作り活動 / もくはり文化祭2024 オープン記念イベント
you
PRO
0
25
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
78
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
160
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
you
PRO
0
2.4k
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
87
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
2.3k
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
4.9k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
0
2.6k
技術コミュニティの中での生成AI(自身の観測範囲での事例について) / 23 Xmas Talk / 20231209
you
PRO
0
1.6k
Other Decks in Technology
See All in Technology
SpiderPlus & Co. エンジニア向け会社紹介資料
spiderplus_cb
0
850
My small contributions - Fujiwara Tech Conference 2025
ijin
0
1.4k
テストを書かないためのテスト/ Tests for not writing tests
sinsoku
1
170
0→1事業こそPMは営業すべし / pmconf #落選お披露目 / PM should do sales in zero to one
roki_n_
PRO
1
980
Evolving Architecture
rainerhahnekamp
3
250
シフトライトなテスト活動を適切に行うことで、無理な開発をせず、過剰にテストせず、顧客をビックリさせないプロダクトを作り上げているお話 #RSGT2025 / Shift Right
nihonbuson
3
2.1k
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
110
東京Ruby会議12 Ruby と Rust と私 / Tokyo RubyKaigi 12 Ruby, Rust and me
eagletmt
3
850
GoogleのAIエージェント論 Authors: Julia Wiesinger, Patrick Marlow and Vladimir Vuskovic
customercloud
PRO
0
120
Formal Development of Operating Systems in Rust
riru
1
420
【NGK2025S】動物園(PINTO_model_zoo)に遊びに行こう
kazuhitotakahashi
0
210
あなたの人生も変わるかも?AWS認定2つで始まったウソみたいな話
iwamot
3
820
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
427
64k
Embracing the Ebb and Flow
colly
84
4.5k
Visualization
eitanlees
146
15k
Docker and Python
trallard
43
3.2k
We Have a Design System, Now What?
morganepeng
51
7.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.5k
Writing Fast Ruby
sferik
628
61k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Designing for humans not robots
tammielis
250
25k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Automating Front-end Workflow
addyosmani
1366
200k
Transcript
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 で面白いことを やっていきたい!
終わり!