Slide 1
Slide 1 text
Babylon.jsゆるほめLT会
2022年7月8日
料理の注文メニューの3D化への挑戦
長田英幸
スライドのSNS投稿 大歓迎
事後レポート掲載 大歓迎
Slide 2
Slide 2 text
自己紹介
• 長田英幸 (ながた ひでゆき)
• 大阪の会社で、製造業向けのWebシステムの開発しています。
• 3D表示には憧れがあったので、Babylon.jsに俄然興味が出ました。
• 個人開発でスマートスピーカーのアプリを開発しています
(最近公開出来てません😿)
Slide 3
Slide 3 text
かつ丼ARが流行っていたので
思いついたのですが
Slide 4
Slide 4 text
初めてPlaygroundを触ってみました。
•ゆるく褒めてください(涙)
•https://playground.babylonjs.c
om/#K8NRJG#9
Slide 5
Slide 5 text
解説-1
• BABYLON.SceneLoader.ImportMesh("", "scenes/Dude/", "Dude.bab
ylon", scene, function (meshes) {
• scene.createDefaultCameraOrLight(true, true, true);
• scene.createDefaultEnvironment();
•
• });
Slide 6
Slide 6 text
解説-2
• https://doc.babylonjs.com/toolsAndResources/assetLibraries/availabl
eMeshes
• The Meshes Library に自由に使えるオブジェクトが掲載されている。
• 特殊なのしかないのですか。
Slide 7
Slide 7 text
解説-3
• 環境構築しなくても試せるので、Playground、ありがたいですね。
• // 調理台と思ってください。
• const box = BABYLON.MeshBuilder.CreateBox("box", {height: 35, wi
dth: 100, depth: 50});
• box.position.x = 10;
• box.position.y = 20;
• box.position.z = 35;
Slide 8
Slide 8 text
まとめ
• 簡単に3Dが試せて、新鮮な驚きがあった。
• 構想の十分の一も出来なかった。もっとBabylon.jsを触りたい。
• 今後、音声入力も挑戦したいです。
• https://aws.amazon.com/jp/blogs/news/aws-how-to-hands-free-
interaction-ar-vr-amazon-lex-babylon-js/