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

5217635c7392f2c8114ab78eb94cefb6?s=47 denari
September 13, 2020

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

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

5217635c7392f2c8114ab78eb94cefb6?s=128

denari

September 13, 2020
Tweet

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. "VHNFOUFE3FBMJUZʜ֦ுݱ࣮ײ

  6. None
  7. None
  8. CG

  9. CG →

  10. VR Beat Saber

  11. AR AR

  12. None
  13. None
  14. Ͳ͏ͯ͠ԶΒͷαʔϏε ࢖ΘΕͯͳ͍ͷ 

  15. None
  16. None
  17. ·͞ʹʮݱ࣮Λ֦ுͯ͠Δ͍͍ϓϩμΫτʯ͡Όͳ͍͔

  18. ྲྀߦΒͳ͍ Ϣʔβʔ͕શવ͜ͷΞϓϦΛ࢖ͬͯ͘Εͳ͍ʜ

  19. ΠϚΠνྲྀߦΒͣɻݱࡏ͸Ϋϩʔζ͞Ε͍ͯΔʜ

  20. Ϣʔβʔࢹ఺ʹཱͬͯετʔϦʔΛߟ͑Δ Ϣʔβʔδϟʔχʔͷ੔ཧ ؆қWFS

  21. Ϣʔβʔࢹ఺ʹཱͬͯετʔϦʔΛߟ͑Δ Ϣʔβʔδϟʔχʔͷ੔ཧ ؆қWFS ੔ཧͯ͠ΈͯΘ͔ΔɺʮΊΜͲ͍͘͞ʯײ֮

  22. None
  23. Ϣʔβʔࢹ఺ʹཱͬͯετʔϦʔΛߟ͑Δ Ϣʔβʔδϟʔχʔͷ੔ཧ ؆қWFS εϚϗͰ"3ΞϓϦΛ࡞Δͱ࣮֬ʹ௨Δεςοϓ

  24. Ϣʔβʔࢹ఺ʹཱͬͯετʔϦʔΛߟ͑Δ Ϣʔβʔδϟʔχʔͷ੔ཧ ؆қWFS

  25. None
  26. https://www.youtube.com/watch?v=uTknV2tPwsg

  27. ݁Ռɺ"3ΞϓϦͰ͸ ࠓ·Ͱʹ΄΅ͳ͍Ϩϕϧͷ τϥϑΟοΫΛه࿥ɻ AR Gra ty ..w

  28. - Ͳ͏ͯ͠ԶΒͷαʔϏε ࢖ΘΕͯͳ͍ͷ  在

  29. None
  30. ͳΜͰ͜ͷϓϩμΫτͬͯ ྑ͔ͬͨΜ͚ͩͬ

  31. ॱ෩ຬൕͳ׈Γग़͠ʂ ελʔτΞοϓͱͯ͠͸ ͕͜͜؊৺ɻ ˠ͜ͷϓϩμΫτΛ࣠ʹ ɹࣄۀΛ૊ΈཱͯΔ͜ͱʹ

  32. ໰୊͸ͦ͏͔ΜͨΜͰ͸ͳ͔ͬͨʜ

  33. ܧଓ͞Εͳ͍ ͜ͷΞϓϦɺϦςϯγϣϯ͕Ͳ͏ͯ͠΋௿͍ʜ

  34.      Πϯετʔϧೋ೔໨ͷ Ϣʔβʔ͕ͲΕ͚ͩ ϓϨΠͯ͘͠ΕΔ͔ͷσʔλ ˞ը૾͸ΠϝʔδͰ͢ɻ࣮ࡍ͸ϦςϯγϣϯΛݟ·ͨ͠ɻ

  35.      Πϯετʔϧೋ೔໨ͷ Ϣʔβʔ͕ͲΕ͚ͩ ϓϨΠͯ͘͠ΕΔ͔ͷσʔλ ˞ը૾͸ΠϝʔδͰ͢ զʑͷΞϓϦ͸ɺҰճ༡ΜͩΒ࣍ىಈ͞Εͳ͔ͬͨʜ

  36. Ϣʔβʔࢹ఺ʹཱͬͯετʔϦʔΛߟ͑Δ Ϣʔβʔδϟʔχʔͷ੔ཧ ؆қWFS ༑ୡͱ࿩୊ʹ্͕ͬͯ Πϯετʔϧͯ͠ ࣮ࡍʹ༡ΜͰָ͠ΜͰ ཌ೔Ҏ߱΋ܧଓʜ

  37. Ϣʔβʔࢹ఺ʹཱͬͯετʔϦʔΛߟ͑Δ Ϣʔβʔδϟʔχʔͷ੔ཧ ؆қWFS ༑ୡͱ࿩୊ʹ্͕ͬͯ Πϯετʔϧͯ͠ ࣮ࡍʹ༡ΜͰָ͠ΜͰ ཌ೔Ҏ߱΋ܧଓʜ ͜͜ͷܧଓ෦෼͕མͪͯ͠·͏

  38. Ͳ͏ͯ͠ܧଓͯ͠࢖ΘΕͳ͍͔ ήʔϜͱͯ͠ͷ΍Γ͜Έཁૉ͕ͳ͍͔Β ਖ਼֬ʹ͸౰࣌͸ʮ࡞͍ͬͯͳ͍͚ͩʯͰඞཁੑ͸Θ͔͍ͬͯͨ

  39. ΍Γ͜·ΕΔήʔϜͷಛ௃ྫ ऩूཁૉ͕͋Δ ରઓ૬ख͕͍Δ ϓϨΠεΩϧ্ָ͕͍͛͠

  40. Ͳ͏ͯ͠ܧଓͯ͠࢖ΘΕͳ͍͔ ϖνϟότʹ͸શͯͳ͔ͬͨ ɾಛʹऩूͰ͖ΔཁૉͳͲ΋Ӆ͠ཁૉ΋ແ͘ ɾ໨ͷલʹ༑ୡ͕͍Δͱ͖͔͠ϓϨΠͰ͖ͳ͍ ɾϧʔϧ΋͔ͳΓ୯ௐͳήʔϜ

  41. ΍Γ͜·ΕΔήʔϜͷಛ௃ྫ ऩूཁૉ͕͋Δ ରઓ૬ख͕͍Δ ϓϨΠεΩϧ্ָ͕͍͛͠ ͍ͭ͜Β͸ʮͲ͏ʹ͔ͳΔͩΖ͏ʯͱࢥͬͨ

  42. ΍Γ͜·ΕΔήʔϜͷಛ௃ྫ ऩूཁૉ͕͋Δ ରઓ૬ख͕͍Δ ϓϨΠεΩϧ্ָ͕͍͛͠ ͜Ε͹͔ͬΓ͸Ϣʔβʔʹ༡ΜͰ΋ΒΘͳ͍ͱʜ

  43. αʔϏεͱͯ͠ͷࠓͷྑ͞͸कΓͳ͕Β ήʔϜੑΛਂ͍΋ͷʹ͢Δ ϛογϣϯ

  44. ϖνϟότͷྑͬͯ͞ ͳΜ͚ͩͬ AR !!! (AR ) →

  45. None
  46. None
  47. AR IT

  48. AR IT ↓

  49. AR IT ↑

  50. ήʔϜੑΛਂ͍΋ͷʹ͢Δ ັྗ͕Θ͔ͬͨͱ͜ΖͰ

  51. None
  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. "EPCF9%ͷσόΠεϓϨϏϡʔ σβΠϯըΛ͍ͪૣ͘खݩ΁ ( 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 ) ?!

  89. None
  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 5IBOLTGPSZPVSBUUFOUJPO