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
5.1k
COOがマネージドサービスで 1人スピード開発して得た知見
akerue
0
8.8k
1人月で50万件以上のデータをクロールして検索可能にした話
akerue
0
1.8k
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
93
13k
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
Why Our Code Smells
bkeepers
PRO
332
56k
Clear Off the Table
cherdarchuk
89
320k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
Automating Front-end Workflow
addyosmani
1362
200k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
12
3.8k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
Navigating Team Friction
lara
181
13k
How to train your dragon (web standard)
notwaldorf
79
5.5k
Music & Morning Musume
bryan
43
5.9k
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