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...
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
5.6k
COOがマネージドサービスで 1人スピード開発して得た知見
akerue
0
9.1k
1人月で50万件以上のデータをクロールして検索可能にした話
akerue
0
1.9k
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
35
6.7k
Music & Morning Musume
bryan
46
6.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
700
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Unsuck your backbone
ammeep
671
58k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
980
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Making Projects Easy
brettharned
116
6.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Producing Creativity
orderedlist
PRO
346
40k
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