Babylon.js を使って試した色々な内容 / Various things I tried using Babylon.js / Babylon.js 勉強会 vol.5

Transcript

1. 2026年4月5日 (日) Babylon.js 勉強会 vol.5 @ホロラボ オフィス／オンライン 豊田陽介（ ）/ Yosuke Toyota @youtoy Babylon.js を使って試した色々な内容 / Various things I tried using Babylon.js
2. ▶ スライドは日本語・英語併記です • The slides are written in both 　 Japanese and English ▶ この後に話すのは日本語が主です • The explanation will be 　 conducted in Japanese. そろそろ限界が...
3. ▶ 画像・動画多めの発表にしてます • Present primarily using images and videos
4. 自己紹介 / Self-introduction ▶ 豊田陽介（ ） • Yosuke Toyota @youtoy ▶ IT系コミュニティ主催、登壇や運営なども ▶ IoT、AI・機械学習の書籍を共著・単著で ▶ 子ども向けプログラミングサポート活動なども 個人での活動 / Private activities ・ガジェット（Gadgets）、JavaScript、IoT、AI 好きな技術 / Favorite technologies • Hosting and running IT communities, as well 　 as speaking at events • Co-authored and solo-authored books on IoT, 　 AI / machine learning • Programming support activities for children
5. 先月の活動の事例 / An example of last month's activities ▶ 「NT広島（モノづくり系イベント）」での体験型作品の展示 • Exhibiting two interactive works at the "Maker" event 作品1 / Work 1（Web App） Web Cam ＋ AI ＋ JavaScript 作品2 / Work 2 複数台のミニロボット を使った作品（新聞社 の記事に写真掲載） A work using multiple mini robots (photo featured in newspaper article)
6. 先月の活動の事例 / Examples of last month's activities ▶ 「Coolest Projects Japan 2026 ＠名古屋」での 　 　子ども向けプログラミング体験（ワークショップ） • Programming Workshop for Children ▶ micro:bit を振ったら 　 ネコのキャラが走る • The cat character runs 　 when the micro:bit is 　 shaken
7. ▶ ガジェット・アニメーション・ インタラクティブなものが好きです • I like gadgets, animations, and interactive works
8. 3年前のイベントで / At an event three years prior ▶ 2つの試作を「Babylon.js 勉強会 vol.2」で紹介いただいていました • Two of my prototypes were featured at a Babylon.js community event. ▶ ちょまどさんのツイ廃枠 　 コーナーでのツイート 　 紹介にて • In the section where Chomado-san introduced tweets about Babylon.js
9. 紹介いただいた2作品 / The two works introduced ▶ 手で Babylon.js のオブジェクトを操る 　（画像からの手の特徴点検出を活用） • Manipulating Babylon.js objects by hand 　(Utilizing hand keypoint detection from images) ▶ Mac のデスクトップに Babylon.js の 　 オブジェクトを表示 　（ネイティブアプリ化＋背景透過） • Display Babylon.js objects on my Mac desktop 　(Native App Conversion and Background Transparent)
10. ▶ Babylon.js勉強会で技術書典 に出している本に記事を書いています • Writing articles for the books published by Babylon.js's community
11. それらの中の1例 / One example among them ▶ 音声でのインタラクション 　（Web Speech API での 　　音声認識＋音声合成） • Voice-based object 　 manipulation 　(Voice recognition and 　 text-to-speech using 　 the Web Speech API) ▶ Babylon.js で 3D キャラクターとの音声でのやりとり • Audio Interaction with 3D Characters in Babylon.js vol.7 にて
12. 書いた記事の内容 / Content written in the article Vol.4 Vol.5 Vol.6 The Particle Helper Easing functions Stereo pan, patial audio
13. ▶ これからも Babylon.js を使った 作品づくりを楽しんでいきたいです！ • I want to enjoy creating works using Babylon.js!
14. 終わり！ Thank you for your attention