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
ノーコードでマーカー上で アバターを動かした話
Search
のりまき
September 18, 2024
0
22
ノーコードでマーカー上で アバターを動かした話
のりまき
September 18, 2024
Tweet
Share
More Decks by のりまき
See All by のりまき
マーカーレスでアバターを動かせたけど、 モーションで困ってる
n0rimakisan
0
11
あなたはどの球団顔?
n0rimakisan
0
120
ProtoOut DEMODAY vol.10
n0rimakisan
1
51
ARで野球の試合に参加したい!
n0rimakisan
0
40
ネコケツタタキマシーン♡ #obniz #ねこ
n0rimakisan
0
140
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
521
39k
A Tale of Four Properties
chriscoyier
158
23k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Gamification - CAS2011
davidbonilla
80
5.2k
We Have a Design System, Now What?
morganepeng
51
7.4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
580
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
Docker and Python
trallard
44
3.3k
How GitHub (no longer) Works
holman
314
140k
Transcript
2024/09/18 第17回 LT練習会 #gaji_LT のりまき(X:n0rimaki_san) ノーコードでマーカー上で アバターを動かした話
自己紹介 【仕事】 eラーニングの会社をしてます ※非エンジニアです 【好きなこと】野球観戦/LIVE参戦/バイク 【属性】 ちなヤク
ヤクルト応燕歌 LINE bot
▪Teachable Machineで球団顔判定 https://n0rimaki.net/baseball_face.html ▪判定した顔から、その球団の球場飯の案内 https://n0rimaki.net/baseball_face.html
AR開発をしようとした背景 アバターをグラウンド上に表示して 守備と攻守交替をしたい! 試合観ながらアバターを試合に 参加させたい!
そもそもARってどうやってつくるの?
AR開発 3Dアバター 作成 3Dアバター エクスポート 挙動つける AR.js studio で表示
AR開発 3Dアバター 作成 3Dアバター エクスポート 挙動つける AR.js studio で表示
3Dアバター作成 IN3Dで アバター作成 & エクスポート https://in3d.io/
AR開発 3Dアバター 作成 3Dアバター エクスポート 挙動つける AR.js studio で表示
挙動をつける Mixamo https://www.mixamo.com/
挙動をつける ダウンロード形式はFBX
AR開発 3Dアバター 作成 3Dアバター エクスポート 挙動つける AR.js studio で表示
マーカー上で表示させる AR.js Marker Training
マーカー上で表示させる コードを書くと動かない不思議
マーカー上で表示させる https://ar-js-org.github.io/studio/ AR.js Studio
マーカー上で表示させる 3DPEA https://www.3dpea.com/jp/conv ert/FBX-to-GLTF FBXファイルを glTFファイルに変換
マーカー上で表示させる マーカーと アバターを アップロード
パッケージを ダウンロード
完成!
お試しください!! @n0rimaki_san 写メと共に、#テンナカ とつけ てPOSTしていただけたら、うれ しいです
デバイス問題 XREAL AIR2 PRO META QUEST 3
ここからは宣伝&お願いです
None
応援ご支援い だけるとめ ちゃくちゃう れしいです。 ポチッとしてシェ アしてもらえると うれしいです
クラウドファンディングは 9月12日~9月26日 残るところあと8日間です! よろしくお願い致します
ご清聴ありがとうございました