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
VRChat内でARアプリのUI/UXを 研究できるか検証してみた in xR Tech Tokyo #11
Search
AR_Ojisan
August 26, 2018
3
240
VRChat内でARアプリのUI/UXを 研究できるか検証してみた in xR Tech Tokyo #11
AR_Ojisan
August 26, 2018
Tweet
Share
More Decks by AR_Ojisan
See All by AR_Ojisan
AR輪読会 第8章 インタラクション
akerue
0
5k
COOがマネージドサービスで 1人スピード開発して得た知見
akerue
0
8.7k
1人月で50万件以上のデータをクロールして検索可能にした話
akerue
0
1.8k
Featured
See All Featured
Code Review Best Practice
trishagee
55
15k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
2
1.3k
The Brand Is Dead. Long Live the Brand.
mthomps
49
28k
BBQ
matthewcrist
80
8.8k
A better future with KSS
kneath
231
16k
Making Projects Easy
brettharned
108
5.5k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
YesSQL, Process and Tooling at Scale
rocio
164
13k
Into the Great Unknown - MozCon
thekraken
10
990
Music & Morning Musume
bryan
41
5.6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k
Transcript
VRChatͰARΞϓϦͷUI/UXΛ ݚڀͰ͖Δ͔ݕূͯ͠Έͨ MESON COO AR͓͡͞Μ
AR͓͡͞Μ (খྛ༎थ) TwitterͰARͷ͋Ε͜ΕΛᄁ͍ͯ·͢ ֶੜ࣌ωοτϫʔΫͱ͔ιϑτΣΞֶΛݚڀ ͓͡͞Μ͚ͩͲ27ࡀ @AR_Ojisan
ࠓͷ͓ VRChatͷதͰARΞϓϦΛ࡞ͬͯΈͯ ಘΒΕͨݟͳͲΛհ͠·͢
ฐࣾͷඪ ฐࣾMESONARελϯμʔυ࣌ʹ େ͖͘উෛͰ͖Δࣄۀ࡞ΓΛࢦ͍ͯ͠Δ
ARΞϓϦͷUI/UXͷݚڀ ARͷ৽͍ٕ͠ज़SDKͳͲຊͰʹ্͕ͬͯΔ͕ UI/UXΛݚڀ͍ͯ͠Δͱ͜Ζͬͯ·ͩʹ্͕Βͳ͍
ւ֎ͩͱࣄྫ͕ݟΒΕΔ
ฐࣾͰARΞϓϦͷUI/UXΛݚڀ͕͍ͨ͠
ݱঢ়݁ߏ͕ଟ͍
(1) ARάϥεߴ͍
(2) ·ͩͦΜͳʹARάϥε࣋ͬͯΔϢʔβʔ͍ͳ͍ ग़య: IDC
(3) ·ͩ·ͩཧͷARʹԕ͍ ཧ ݱ࣮
(4) εϚϗARͱάϥεARͷମݧҧ͍͗͢
Ϣʔβʔ͕͍ͬͺ͍͍ͯɺ ARͷϋʔυతͳ੍Λड͚ͳ͍Ͱɺ ҆ՁʹάϥεARΞϓϦ͕࡞ΕΔ ͦΜͳཧᷭͳ͍ͷͩΖ͏͔ʁ
ฐࣾදͱVRChatͰձٞͯ͠Δ࣌ͷ͜ͱ… ฐࣾද
ฐࣾදͱVRChatͰձٞͯ͠Δ࣌ͷ͜ͱ… VRChatͬͯεϚϗͱ͔ͳ͍͔Β ߹ྲྀΊͬͪΌ໘ͩΑͳ ฐࣾද
None
ARΞϓϦγϛϡϨʔλʔ in VRChat ϓϩδΣΫτ࢝ಈ
ຊϓϩδΣΫτͷϝϦοτ(1) ARάϥε࣮࣭ແྉ
ཧͷARΛγϛϡϨʔτͰ͖Δ ຊϓϩδΣΫτͷϝϦοτ(2) ࢹ͍֯ʂ ڥೝࣝͰ͖Δʂ
ʮੜ׆ʯ͍ͯ͠ΔϢʔβʔ͕͍ͬͺ͍͍Δ ຊϓϩδΣΫτͷϝϦοτ(3) → ϝοηϯδϟʔSNSͳͲํίϛϡχέʔγϣϯΞϓϦΛ࡞ΕΔ
ݱ࣮ੈքͰͷARΞϓϦϓϥοτϑΥʔϜΛ VRChatͰઌճΓͯ͠ߏங͢Δ কདྷతͳߏ ARάϥεͷϋʔυͷ੍͕ղܾ͞Εͨ࣌ʹ طʹߏஙͨ͠ΞϓϦUI/UXΛݱ࣮ੈքʹస༻
Tinder in VRChat v1
͔ࣾΒग़ͨϑΟʔυόοΫ ਖ਼໘ʹΞϓϦબը໘ग़ΔͷअຐͰʁ Ϣʔβʔબटճ͞ͳ͍ͱ͍͚ͳ͍ͷͪΐͬͱ໘ Ϛονϯάͨ͠ਓͷҐஔΛϚοϓʹग़͍ͨ͠
Tinder in VRChat v2
Έ(1) άϥεʹOnInteract TriggerΛઃఆ͢Δ AutoCamΛඇΞΫςΟϒͰεςʔδ֎ʹઃஔ → άϥεͷTriggerͰΞΫςΟϒ
Έ(2) ΞϓϦͷը໘ߏΛ֤UIຖʹάϧʔϐϯά
Έ(3) ࣍ͷը໘දࣔ͢ΔτϦΨʔΛOnInteractͰൃՐͤ͞Δͱ άϧʔϓຖΞΫςΟϒ/ඇΞΫςΟϒΛΓସΘΔ
ৄ͘͠noteͰʂ https://note.mu/sretks/n/n381b5e087f12
ग़དྷͨ͜ͱ άϥε͚ͷARΞϓϦͷUIΛݚڀ͢Δ࡞Εͨ → ΞϓϦͷબը໘ΞϓϦࣗମͷUIͳͲΛ࣮ݧతʹ࣮ → Ͱ͖ΔΑ͏ͳܗʹ͢ΕϑΟʔυόοΫΛಘͳ͕Β վળͰ͖Δ
ग़དྷͳ͔ͬͨ͜ͱ(1) γʔϯͷใΛมͱͯ͠ѻ͏ํ๏͕Ϧαʔν͖͠Εͳ͔ͬͨ → ֎෦ڥͷೝࣝػೳͳͲΛγϛϡϨʔτͰ͖ͳ͍ → ୭͔Θ͔Δਓ͍ͨΒڭ͍͑ͯͩ͘͞
ग़དྷͳ͔ͬͨ͜ͱ(2) ֎෦APIܦ༝ͷใΛγʔϯʹө͢Δํ๏͕ݟ͔ͭΒͳ͔ͬͨ → ֎෦ใΛѻ͑Δखஈ͕WebPanelʹ੍ݶ͞ΕΔ → WebPanelࢯɺಥવͷࢮ…
݁ VRͰARΞϓϦͷγϛϡϨʔτ͢Δͷྑͦ͞͏ VRChatγϛϡϨʔτڥͱͯ͠Ϣʔβʔ͍Δͷ ͰΞϓϦͷ࣮ݧͷͱͯ͠ྑͦ͞͏ ͨͩVRChatͷࣗ༝ͷ੍͕ڧ͍ͨΊɺVRChat ଆ੍͕Λ؇Ίͯ͘Εͳ͍ͱ͍͠ɻɻɻ
Special Thanks!! VRChatʹؔ͢ΔΞυόΠε͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ VoxelKei͞Μ ϒλδΤϯ͞Μ ϠϚγλ͞Μ ௶͞Μ
AR/VR੍࡞ελδΦ࢝Ί·ͨ͠ AR/VRࣄۀͷίϯηϓτϝΠΩϯά AR/VRΛ׆༻ͨ͠ΞϓϦιϦϡʔγϣϯ։ൃ AR/VRʹ͓͚ΔUI/UXσβΠϯͷఏҊ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
None