Slide 1

Slide 1 text

2026年4月5日 (日) Babylon.js 勉強会 vol.5 @ホロラボ オフィス/オンライン 豊田陽介( )/ Yosuke Toyota @youtoy Babylon.js を使って試した色々な内容 / Various things I tried using Babylon.js

Slide 2

Slide 2 text

▶ スライドは日本語・英語併記です ● The slides are written in both   Japanese and English ▶ この後に話すのは日本語が主です ● The explanation will be   conducted in Japanese. そろそろ限界が...

Slide 3

Slide 3 text

▶ 画像・動画多めの発表にしてます ● Present primarily using images and videos

Slide 4

Slide 4 text

自己紹介 / 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

Slide 5

Slide 5 text

先月の活動の事例 / 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)

Slide 6

Slide 6 text

先月の活動の事例 / 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

Slide 7

Slide 7 text

▶ ガジェット・アニメーション・ インタラクティブなものが好きです ● I like gadgets, animations, and interactive works

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

紹介いただいた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)

Slide 10

Slide 10 text

▶ Babylon.js勉強会で技術書典 に出している本に記事を書いています ● Writing articles for the books published by Babylon.js's community

Slide 11

Slide 11 text

それらの中の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 にて

Slide 12

Slide 12 text

書いた記事の内容 / Content written in the article Vol.4 Vol.5 Vol.6 The Particle Helper Easing functions Stereo pan, patial audio

Slide 13

Slide 13 text

▶ これからも Babylon.js を使った 作品づくりを楽しんでいきたいです! ● I want to enjoy creating works using Babylon.js!

Slide 14

Slide 14 text

終わり! Thank you for your attention