夢の技術をユーザーに届ける ~AR×UX×Gameのかけ算実施録~ / Deliver the Sci-Fi dream

UX JAM All Night の中で登壇をさせていただいた内容になります。

Transcript

1. 在 @denari01 Graffity Inc. AR×UX×Game
2. @denari01 Gra ty Inc. 在 UX 在 Web Dev denari.link
3. . ?! . ? . 在 !! . ?! AR×UX×Game
4. AR ?
5. "VHNFOUFE
   3FBMJUZ
   ʜ
   ֦ுݱ࣮ײ
8. CG
9. CG →
10. VR Beat Saber
11. AR AR
14. Ͳ͏ͯ͠ԶΒͷαʔϏε
    ࢖ΘΕͯͳ͍ͷ 
17. ·͞ʹʮݱ࣮Λ֦ுͯ͠Δ͍͍ϓϩμΫτʯ͡Όͳ͍͔
18. ྲྀߦΒͳ͍ Ϣʔβʔ͕શવ͜ͷΞϓϦΛ࢖ͬͯ͘Εͳ͍ʜ
19. ΠϚΠνྲྀߦΒͣɻݱࡏ͸Ϋϩʔζ͞Ε͍ͯΔʜ
    
20. Ϣʔβʔࢹ఺ʹཱͬͯετʔϦʔΛߟ͑Δ Ϣʔβʔδϟʔχʔͷ੔ཧ
    ؆қWFS
21. Ϣʔβʔࢹ఺ʹཱͬͯετʔϦʔΛߟ͑Δ Ϣʔβʔδϟʔχʔͷ੔ཧ
    ؆қWFS ੔ཧͯ͠ΈͯΘ͔ΔɺʮΊΜͲ͍͘͞ʯײ֮
23. Ϣʔβʔࢹ఺ʹཱͬͯετʔϦʔΛߟ͑Δ Ϣʔβʔδϟʔχʔͷ੔ཧ
    ؆қWFS εϚϗͰ"3ΞϓϦΛ࡞Δͱ࣮֬ʹ௨Δεςοϓ
    
24. Ϣʔβʔࢹ఺ʹཱͬͯετʔϦʔΛߟ͑Δ Ϣʔβʔδϟʔχʔͷ੔ཧ
    ؆қWFS
26. https://www.youtube.com/watch?v=uTknV2tPwsg
27. ݁Ռɺ"3ΞϓϦͰ͸
    ࠓ·Ͱʹ΄΅ͳ͍Ϩϕϧͷ
    τϥϑΟοΫΛه࿥ɻ AR Gra ty ..w
28. - Ͳ͏ͯ͠ԶΒͷαʔϏε
    ࢖ΘΕͯͳ͍ͷ  在
30. ͳΜͰ͜ͷϓϩμΫτͬͯ
    ྑ͔ͬͨΜ͚ͩͬ
31. ॱ෩ຬൕͳ׈Γग़͠ʂ
    ελʔτΞοϓͱͯ͠͸
    ͕͜͜؊৺ɻ ˠ
    ͜ͷϓϩμΫτΛ࣠ʹ
    ɹ
    ࣄۀΛ૊ΈཱͯΔ͜ͱʹ
32. ໰୊͸ͦ͏͔ΜͨΜͰ͸ͳ͔ͬͨʜ
33. ܧଓ͞Εͳ͍ ͜ͷΞϓϦɺϦςϯγϣϯ͕Ͳ͏ͯ͠΋௿͍ʜ
34.      Πϯετʔϧೋ೔໨ͷ
    Ϣʔβʔ͕ͲΕ͚ͩ
    ϓϨΠͯ͘͠ΕΔ͔ͷσʔλ ˞
    ը૾͸ΠϝʔδͰ͢ɻ࣮ࡍ͸ϦςϯγϣϯΛݟ·ͨ͠ɻ
35.      Πϯετʔϧೋ೔໨ͷ
    Ϣʔβʔ͕ͲΕ͚ͩ
    ϓϨΠͯ͘͠ΕΔ͔ͷσʔλ ˞
    ը૾͸ΠϝʔδͰ͢ զʑͷΞϓϦ͸ɺҰճ༡ΜͩΒ࣍ىಈ͞Εͳ͔ͬͨʜ
36. Ϣʔβʔࢹ఺ʹཱͬͯετʔϦʔΛߟ͑Δ Ϣʔβʔδϟʔχʔͷ੔ཧ
    ؆қWFS ༑ୡͱ࿩୊ʹ্͕ͬͯ Πϯετʔϧͯ͠ ࣮ࡍʹ༡ΜͰָ͠ΜͰ ཌ೔Ҏ߱΋ܧଓʜ
37. Ϣʔβʔࢹ఺ʹཱͬͯετʔϦʔΛߟ͑Δ Ϣʔβʔδϟʔχʔͷ੔ཧ
    ؆қWFS ༑ୡͱ࿩୊ʹ্͕ͬͯ Πϯετʔϧͯ͠ ࣮ࡍʹ༡ΜͰָ͠ΜͰ ཌ೔Ҏ߱΋ܧଓʜ ͜͜ͷܧଓ෦෼͕མͪͯ͠·͏
38. Ͳ͏ͯ͠ܧଓͯ͠࢖ΘΕͳ͍͔ ήʔϜͱͯ͠ͷ΍Γ͜Έཁૉ͕ͳ͍͔Β ਖ਼֬ʹ͸౰࣌͸ʮ࡞͍ͬͯͳ͍͚ͩʯͰඞཁੑ͸Θ͔͍ͬͯͨ
39. ΍Γ͜·ΕΔήʔϜͷಛ௃ྫ ऩूཁૉ͕͋Δ ରઓ૬ख͕͍Δ ϓϨΠεΩϧ্ָ͕͍͛͠
40. Ͳ͏ͯ͠ܧଓͯ͠࢖ΘΕͳ͍͔ ϖνϟότʹ͸શͯͳ͔ͬͨ ɾಛʹऩूͰ͖ΔཁૉͳͲ΋Ӆ͠ཁૉ΋ແ͘
    ɾ໨ͷલʹ༑ୡ͕͍Δͱ͖͔͠ϓϨΠͰ͖ͳ͍
    ɾϧʔϧ΋͔ͳΓ୯ௐͳήʔϜ
41. ΍Γ͜·ΕΔήʔϜͷಛ௃ྫ ऩूཁૉ͕͋Δ ରઓ૬ख͕͍Δ ϓϨΠεΩϧ্ָ͕͍͛͠ ͍ͭ͜Β͸ʮͲ͏ʹ͔ͳΔͩΖ͏ʯͱࢥͬͨ
42. ΍Γ͜·ΕΔήʔϜͷಛ௃ྫ ऩूཁૉ͕͋Δ ରઓ૬ख͕͍Δ ϓϨΠεΩϧ্ָ͕͍͛͠ ͜Ε͹͔ͬΓ͸Ϣʔβʔʹ༡ΜͰ΋ΒΘͳ͍ͱʜ
    
43. αʔϏεͱͯ͠ͷࠓͷྑ͞͸कΓͳ͕Β
    ήʔϜੑΛਂ͍΋ͷʹ͢Δ ϛογϣϯ
44. ϖνϟότͷྑͬͯ͞
    ͳΜ͚ͩͬ AR !!! (AR ) →
47. AR IT
48. AR IT ↓
49. AR IT ↑
50. ήʔϜੑΛਂ͍΋ͷʹ͢Δ ັྗ͕Θ͔ͬͨͱ͜ΖͰ
52. λϚΛආ͚ͳ͕Β૬खͷλϫʔͷ΋ͱʹ
    ౗͞ΕͨΒࣗ෼ͷλϫʔ΁μογϡ͢Δ
    ΞΫςΟϒͳಈ͖͕ٻΊΒΕΔήʔϜੑ΁
53. W
54. W \ !!/ \ !!/ ༑ୡͱϓϨΠ͢ΔલఏͰίϛϡχέʔγϣϯྔΛ૿΍͢
55. W \ !!/ \ !!/ ͜ΕΒʹΑͬͯΠϯλϏϡʔͷධՁ͕ͲΜͲΜ޷ධʹ
56. - ͳΜͰ͜ͷϓϩμΫτͬͯ
    ྑ͔ͬͨΜ͚ͩͬ 在 在
57. Ϣʔβʔ͸ݟͯͳ͍Μ͡Όͳ͍ɺ
    ݟ͑ͳ͍Μͩ
58. ͜͏͍͏৽نϧʔϧΛ࡞Δͱಉ࣌ʹͲΜͲΜݦࡏԽͨ͠໰୊
59. ཧղͮ͠Β͍ ෳࡶ͕͞૿ͯ͠͠·͍ɺϢʔβʔࣗ਎ʹԿ͕ى͖͔ͨΘ͔Βͳ͍
60. 
    
    ͜ͷࠒ͸ྑ͘΋ѱ͘΋ɺ
    ʮγϯϓϧͳήʔϜʯͩͬͨ
61. 
    
    ͜ͷࠒ͸ྑ͘΋ѱ͘΋ɺ
    ʮγϯϓϧͳήʔϜʯͩͬͨ ͦΜͳࠒͰ͑͞ɺࠨԼͷඞࡴٕϘλϯʹϢʔβʔ͕ؾ͔ͮͳ͍
62. ͦΜͳʹΘ͔Γʹ͍͘6*͡Όͳ͘Ͷʜ
63. λϚΛආ͚ͳ͕Β૬खͷλϫʔͷ΋ͱʹ
    ౗͞ΕͨΒࣗ෼ͷλϫʔ΁μογϡ͢Δ
    ΞΫςΟϒͳಈ͖͕ٻΊΒΕΔήʔϜੑ΁ ͖ͬ͞ͷεϥΠυ΁
64. ϢʔβʔʹٻΊΒΕΔߦಈ͸ʜ
65. ϢʔβʔʹٻΊΒΕΔߦಈ͸ʜ ૬खΛ߈ܸ͢Δ
66. ϢʔβʔʹٻΊΒΕΔߦಈ͸ʜ ૬खΛ߈ܸ͢Δ λϚΛආ͚Δ
67. ϢʔβʔʹٻΊΒΕΔߦಈ͸ʜ ૬खΛ߈ܸ͢Δ λϚΛආ͚Δ λϫʔΛૂ͏
68. ϢʔβʔʹٻΊΒΕΔߦಈ͸ʜ ૬खΛ߈ܸ͢Δ λϚΛආ͚Δ λϫʔΛૂ͏ ૬खͷअຐΛͭͭ͠
69. ϢʔβʔʹٻΊΒΕΔߦಈ͸ʜ ૬खΛ߈ܸ͢Δ λϚΛආ͚Δ λϫʔΛૂ͏ ૬खͷअຐΛͭͭ͠ ࢮΜͩΒλϫʔͷۙ͘΁
70. ϢʔβʔʹٻΊΒΕΔߦಈ͸ʜ ૬खΛ߈ܸ͢Δ λϚΛආ͚Δ λϫʔΛૂ͏ ૬खͷअຐΛͭͭ͠ ࢮΜͩΒλϫʔͷۙ͘΁ ͜ΕΛߴ଎Ͱ΍Δ
71. UI
72. 6*ʹରͯ͠ɺ࡞ͬͯΔͱ͖ͱ΍ͬͯΔͱ͖Ͱମײ͕ҧ͍͗ͨ͢
73. ը໘࿮෦෼Λ༻͍ͨ)1දݱ ࣮ࡍʹࣦ͋ͬͨഊ HP → HP
74. σβΠϯ࣌ͷײ૝ ը໘୺ͷ)1όʔ FPS !!!
75. ࣮ࡍʹϓϨΠͯ͠Έͯ ը໘୺ͷ)1όʔ
76. Ϣʔβʔ͕͋·Γʹ๩ͯ͘͠ɺݟ͑Δ΋ͷ΋ݟ͑ͳ͍
77. ɾϢʔβʔͷͰ͖Δ͜ͱΛҾ͖ࢉ͍ͯ͘͠
    ɾ৘ใʹ༏ྼΛ͚ͭͯѻ͍ʹࠩΛ͚ͭΔ
    ɾͱʹ͔͍ͪ͘ૣ͘ɺσβΠϯըΛखݩʹ࠶ݱ͢Δ ๻Β͕΍ͬͨ͜ͱ
78. ͞ΑͳΒɺඞࡴٕ ϢʔβʔͷͰ͖Δ͜ͱΛҾ͖ࢉ͢Δ 2 在
79. ࣗ෼ͷ͜ͱɺઓگͷ͜ͱɺ
    ૬खͷ͜ͱʹΘ͚Δ ৘ใͷѻ͍ʹࠩΛ͚ͭΔ UI AR
80. ϓϨΠͨ͠ମײΛ͍ͪૣ͔֬͘Ί͍ͨʜ
81. "EPCF
    9%ͷσόΠεϓϨϏϡʔ σβΠϯըΛ͍ͪૣ͘खݩ΁ ( UI ) PC USB UI HoloBreak
82. HoloBreak - https://www.youtube.com/watch?v=kbH0hurmL18
83. - Ϣʔβʔ͸ݟͯͳ͍Μ͡Όͳ͍ɺ
    ݟ͑ͳ͍Μͩ 在 Adobe XD
84. ͓٬͞Μ͕ू·Βͳ͍ 
85. AR ! ! ! ๻ΒͷັྗΛ౿·͑ͯ
86. ΞιϏϧʹͯ೔ؒ
    ग़ళ͍͖ͤͯͨͩ͞·ͨ͠ɻ
87. ਓ͕ɺू·Βͳ͍ ༡ΜͰ΋Βͬͨํ͔Β͸ͱͯ΋޷ධͳͷʹɺͳͥʜ
88. ΞιϏϧʹͯ೔ؒ
    ग़ళ͍͖ͤͯͨͩ͞·ͨ͠ɻ 9.00 (10 ) ?!
90. ͳʹ΍ͬͯΔ͔Θ͔Μͳ͍ʜ
91. Ϣʔβʔࢹ఺ʹཱͬͯετʔϦʔΛߟ͑Δ Ϣʔβʔδϟʔχʔͷ੔ཧ
    ؆қWFS ༡ΜͰΔͷΛݟͯ ͓ۚΛ෷ͬͯ ࣗ෼΋༡Ϳ
92. Ϣʔβʔࢹ఺ʹཱͬͯετʔϦʔΛߟ͑Δ Ϣʔβʔδϟʔχʔͷ੔ཧ
    ؆қWFS ༡ΜͰΔͷΛݟͯ ͓ۚΛ෷ͬͯ ࣗ෼΋༡Ϳ ͕͜͜؊ʹͳΔ
93. 
    
    ॏཁͳͷ͸
    ʮτϥΠΞϧྗʯͰ͋Δɻ →
94. ௿೩අʹɺτϥΠΞϧྗΛߴΊΔ
    ΞΠσΟΞΛੜΉ͜ͱ ๻Β͕΍ͬͨ͜ͱ
95. DESIGN SPRINT
96. @denari01 5೔ؒͷര଎ϓϩτλΠϐϯά ՝୊఺Λఆٛ͢Δ Day.1 ΞΠσΟΞΛൃࢄ͢Δ Day.2 ΞΠσΟΞΛબ୒͢Δ Day.3 ϓϩτλΠϓΛ࡞Δ Day.4 ΠϯλϏϡʔͰݕূ͢Δ Day.5
97. @denari01 ΞΠσΟΞΛൃࢄ͢Δ Day.2 طଘͷࣄྫΛूΊͯ͘Δ طଘࣄྫͷ͍͍ͱ͜ΖΛϝϞ͢Δ ϝϞͨ͠த͔ΒΞΠσΟΞΛߟ͑Δ
98. ஌͍ͬͯΔࣄྫ΍͔ΜͨΜͳݕࡧͰग़ΔࣄྫΛूΊͯ
99. ࣄྫΛ΋ͱʹΞΠσΟΞग़͠ΛϒϨετܗࣜͰ࣮ࢪ
100. ධՁ࣠ΛαΫοͱܾΊͯධՁ͢Δ
101. ͦͷ݁Ռݟ௚ͨ͠ͷ͸ʮΞϓϦຊମʯͰ͸ͳ͘ձ৔ͩͬͨ
102. AR https://youtu.be/uM7_Mg6i60A
103. 在 https://www.youtube.com/watch?v=YvgPXbiscwI
104. εϚϗΛखʹऔΔલ͔Βମݧ੔ཧΛͯ͠໨ඪ਺஋Λୡ੒
105. - ͓٬͞Μ͕ू·Βͳ͍  在 SPRINT 在
106. (SBGpUZͷ௅ઓ͸·ͩ·ͩଓ͘ͷͰ͋Δʜ
107. ࠓճͷ·ͳͼͨͪ ·ͱΊ
108. - Ͳ͏ͯ͠ԶΒͷαʔϏε
     ࢖ΘΕͯͳ͍ͷ  在
109. - ͳΜͰ͜ͷϓϩμΫτͬͯ
     ྑ͔ͬͨΜ͚ͩͬ 在 在
110. - Ϣʔβʔ͸ݟͯͳ͍Μ͡Όͳ͍ɺ
     ݟ͑ͳ͍Μͩ 在 Adobe XD
111. - ͓٬͞Μ͕ू·Βͳ͍  在 SPRINT 在
112. ͍ͭͰ΋69ͷࢹ఺Λ࣋ͪɺ၆ᛌͰ੔ཧΛ͢Δ͜ͱ
     Ϣʔβʔࢹ఺ʹཱͬͯՁ஋Λಧ͚͑͢͞Ε͹਺஋͸͍ͭͯ͘Δ ૯ׅ
     ເͷٕज़ΛϢʔβʔʹಧ͚Δʹ͸ʜ
     
113. @denari01 5IBOLT
     GPS
     ZPVS
     BUUFOUJPO