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
38
ノーコードでマーカー上で アバターを動かした話
のりまき
September 18, 2024
Tweet
Share
More Decks by のりまき
See All by のりまき
マーカーレスでアバターを動かせたけど、 モーションで困ってる
n0rimakisan
0
19
あなたはどの球団顔?
n0rimakisan
0
140
ProtoOut DEMODAY vol.10
n0rimakisan
1
67
ARで野球の試合に参加したい!
n0rimakisan
0
55
ネコケツタタキマシーン♡ #obniz #ねこ
n0rimakisan
0
150
Featured
See All Featured
A Tale of Four Properties
chriscoyier
160
23k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Six Lessons from altMBA
skipperchong
28
4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Rails Girls Zürich Keynote
gr2m
95
14k
Docker and Python
trallard
45
3.5k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.6k
How STYLIGHT went responsive
nonsquared
100
5.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
How to train your dragon (web standard)
notwaldorf
96
6.2k
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日間です! よろしくお願い致します
ご清聴ありがとうございました