ノーコードでマーカー上で アバターを動かした話

Transcript

1. 2024/09/18 第17回 LT練習会 #gaji_LT のりまき（X：n0rimaki_san) ノーコードでマーカー上で アバターを動かした話
2. 自己紹介 【仕事】 eラーニングの会社をしてます ※非エンジニアです 【好きなこと】野球観戦／LIVE参戦／バイク 【属性】 ちなヤク
3. ヤクルト応燕歌 LINE bot
4. ▪Teachable Machineで球団顔判定 https://n0rimaki.net/baseball_face.html ▪判定した顔から、その球団の球場飯の案内 https://n0rimaki.net/baseball_face.html
5. AR開発をしようとした背景 アバターをグラウンド上に表示して 守備と攻守交替をしたい！ 試合観ながらアバターを試合に 参加させたい！
6. そもそもARってどうやってつくるの？
7. AR開発 ３Ｄアバター 作成 ３Ｄアバター エクスポート 挙動つける AR.js studio で表示
8. AR開発 ３Ｄアバター 作成 ３Ｄアバター エクスポート 挙動つける AR.js studio で表示
9. ３Ｄアバター作成 IN3Dで アバター作成 ＆ エクスポート https://in3d.io/
10. AR開発 ３Ｄアバター 作成 ３Ｄアバター エクスポート 挙動つける AR.js studio で表示
11. 挙動をつける Mixamo https://www.mixamo.com/
12. 挙動をつける ダウンロード形式はFBX
13. AR開発 ３Ｄアバター 作成 ３Ｄアバター エクスポート 挙動つける AR.js studio で表示
14. マーカー上で表示させる AR.js Marker Training
15. マーカー上で表示させる コードを書くと動かない不思議
16. マーカー上で表示させる https://ar-js-org.github.io/studio/ AR.js Studio
17. マーカー上で表示させる 3DPEA https://www.3dpea.com/jp/conv ert/FBX-to-GLTF FBXファイルを glTFファイルに変換
18. マーカー上で表示させる マーカーと アバターを アップロード
19. パッケージを ダウンロード
20. 完成！
21. お試しください！！ @n0rimaki_san 写メと共に、#テンナカ とつけ てPOSTしていただけたら、うれ しいです
22. デバイス問題 XREAL AIR2 PRO META QUEST 3
23. ここからは宣伝＆お願いです
25. 応援ご支援い だけるとめ ちゃくちゃう れしいです。 ポチッとしてシェ アしてもらえると うれしいです
26. クラウドファンディングは 9月12日～9月26日 残るところあと８日間です！ よろしくお願い致します
27. ご清聴ありがとうございました