VRChat内でARアプリのUI/UXを 研究できるか検証してみた in xR Tech Tokyo #11

Transcript

1. VRChat಺ͰARΞϓϦͷUI/UXΛ ݚڀͰ͖Δ͔ݕূͯ͠Έͨ MESON COO AR͓͡͞Μ

2. AR͓͡͞Μ (খྛ༎थ) TwitterͰARͷ͋Ε͜ΕΛᄁ͍ͯ·͢ ֶੜ࣌୅͸ωοτϫʔΫͱ͔ιϑτ΢ΣΞ޻ֶΛݚڀ ͓͡͞Μ͚ͩͲ27ࡀ @AR_Ojisan

3. ࠓ೔ͷ͓୊ VRChatͷதͰARΞϓϦΛ࡞ͬͯΈͯ ಘΒΕͨ஌ݟͳͲΛ঺հ͠·͢

4. ฐࣾͷ໨ඪ ฐࣾMESON͸ARελϯμʔυ࣌୅ʹ େ͖͘উෛͰ͖Δࣄۀ࡞ΓΛ໨ࢦ͍ͯ͠Δ

5. ARΞϓϦͷUI/UXͷݚڀ ARͷ৽͍ٕ͠ज़΍SDKͳͲ͸೔ຊͰ΋࿩୊ʹ্͕ͬͯΔ͕ UI/UXΛݚڀ͍ͯ͠Δͱ͜Ζͬͯ·ͩ࿩୊ʹ্͕Βͳ͍

6. ւ֎ͩͱࣄྫ͕ݟΒΕΔ

7. ฐࣾͰ΋ARΞϓϦͷUI/UXΛݚڀ͕͍ͨ͠

8. ݱঢ়݁ߏ໰୊͕ଟ͍

9. ໰୊఺(1) ARάϥεߴ͍໰୊

10. ໰୊఺(2) ·ͩͦΜͳʹARάϥε࣋ͬͯΔϢʔβʔ͍ͳ͍໰୊ ग़య: IDC

11. ໰୊఺(3) ·ͩ·ͩཧ૝ͷARʹ͸ԕ͍໰୊ ཧ૝ ݱ࣮

12. ໰୊఺(4) εϚϗARͱάϥεARͷମݧҧ͍͗͢໰୊

13. Ϣʔβʔ͕͍ͬͺ͍͍ͯɺ ARͷϋʔυతͳ੍໿Λड͚ͳ͍Ͱɺ ҆ՁʹάϥεARΞϓϦ͕࡞ΕΔ ͦΜͳཧ૝ᷭ͸ͳ͍ͷͩΖ͏͔ʁ

14. ฐࣾ୅දͱVRChatͰձٞͯ͠Δ࣌ͷ͜ͱ… ฐࣾ୅ද

15. ฐࣾ୅දͱVRChatͰձٞͯ͠Δ࣌ͷ͜ͱ… VRChatͬͯεϚϗͱ͔ͳ͍͔Β ߹ྲྀΊͬͪΌ໘౗ͩΑͳ ฐࣾ୅ද

16. None

17. ARΞϓϦγϛϡϨʔλʔ in VRChat ϓϩδΣΫτ࢝ಈ

18. ຊϓϩδΣΫτͷϝϦοτ(1) ARάϥε࣮࣭ແྉ

19. ཧ૝ͷARΛγϛϡϨʔτͰ͖Δ ຊϓϩδΣΫτͷϝϦοτ(2) ࢹ໺֯޿͍ʂ ؀ڥೝࣝͰ͖Δʂ

20. ʮੜ׆ʯ͍ͯ͠ΔϢʔβʔ͕͍ͬͺ͍͍Δ ຊϓϩδΣΫτͷϝϦοτ(3) → ϝοηϯδϟʔ΍SNSͳͲ૒ํ޲ίϛϡχέʔγϣϯΞϓϦΛ࡞ΕΔ

21. ݱ࣮ੈքͰͷARΞϓϦϓϥοτϑΥʔϜΛ VRChat಺ͰઌճΓͯ͠ߏங͢Δ কདྷతͳߏ૝ ARάϥεͷϋʔυͷ੍໿͕ղܾ͞Εͨ࣌ʹ طʹߏஙͨ͠ΞϓϦ΍UI/UXΛݱ࣮ੈքʹస༻

22. Tinder in VRChat v1

23. ࣾ಺͔Βग़ͨϑΟʔυόοΫ ਖ਼໘ʹΞϓϦબ୒ը໘ग़Δͷ͸अຐͰ͸ʁ Ϣʔβʔબ୒͸टճ͞ͳ͍ͱ͍͚ͳ͍ͷ͸ͪΐͬͱ໘౗ Ϛονϯάͨ͠ਓͷҐஔΛϚοϓʹग़͍ͨ͠

24. Tinder in VRChat v2

25. ࢓૊Έ(1) άϥεʹOnInteract TriggerΛઃఆ͢Δ AutoCamΛඇΞΫςΟϒͰεςʔδ֎ʹઃஔ → άϥεͷTriggerͰΞΫςΟϒ

26. ࢓૊Έ(2) ΞϓϦͷը໘ߏ੒Λ֤UIຖʹάϧʔϐϯά

27. ࢓૊Έ(3) ࣍ͷը໘දࣔ͢ΔτϦΨʔΛOnInteractͰൃՐͤ͞Δͱ άϧʔϓຖΞΫςΟϒ/ඇΞΫςΟϒΛ੾ΓସΘΔ

28. ৄ͘͠͸noteͰʂ https://note.mu/sretks/n/n381b5e087f12

29. ग़དྷͨ͜ͱ άϥε޲͚ͷARΞϓϦͷUIΛݚڀ͢Δ౔୆͸࡞Εͨ → ΞϓϦͷબ୒ը໘΍ΞϓϦࣗମͷUIͳͲΛ࣮ݧతʹ࣮૷ → ഑෍Ͱ͖ΔΑ͏ͳܗʹ͢Ε͹ϑΟʔυόοΫΛಘͳ͕Β վળͰ͖Δ

30. ग़དྷͳ͔ͬͨ͜ͱ(1) γʔϯ಺ͷ৘ใΛม਺ͱͯ͠ѻ͏ํ๏͕Ϧαʔν͖͠Εͳ͔ͬͨ → ֎෦؀ڥͷೝࣝػೳͳͲΛγϛϡϨʔτͰ͖ͳ͍ → ୭͔Θ͔Δਓ͍ͨΒڭ͍͑ͯͩ͘͞

31. ग़དྷͳ͔ͬͨ͜ͱ(2) ֎෦APIܦ༝ͷ৘ใΛγʔϯ಺ʹ൓ө͢Δํ๏͕ݟ͔ͭΒͳ͔ͬͨ → ֎෦৘ใΛѻ͑Δखஈ͕WebPanelʹ੍ݶ͞ΕΔ → WebPanelࢯɺಥવͷࢮ…

32. ݁࿦ VRͰARΞϓϦͷγϛϡϨʔτ͢Δͷ͸ྑͦ͞͏ VRChat΋γϛϡϨʔτ؀ڥͱͯ͠Ϣʔβʔ΋͍Δͷ ͰΞϓϦͷ࣮ݧͷ৔ͱͯ͠΋ྑͦ͞͏ ͨͩVRChat಺ͷࣗ༝౓ͷ੍໿͕ڧ͍ͨΊɺVRChat ଆ੍͕໿Λ؇Ίͯ͘Εͳ͍ͱ೉͍͠ɻɻɻ

33. Special Thanks!! VRChatʹؔ͢ΔΞυόΠε͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ VoxelKei͞Μ ϒλδΤϯ͞Μ ϠϚγλ͞Μ ௶૔͞Μ

34. AR/VR੍࡞ελδΦ࢝Ί·ͨ͠ AR/VRࣄۀͷίϯηϓτϝΠΩϯά AR/VRΛ׆༻ͨ͠ΞϓϦ΍ιϦϡʔγϣϯ։ൃ AR/VRʹ͓͚ΔUI/UXσβΠϯͷఏҊ

35. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ

36. None